// eslint-disable-next-line @typescript-eslint/triple-slash-reference
/// <reference path="../../../../test/src/custom_typings/chai.d.ts" />
/* eslint-disable no-undef */
import { ZuiBreadcrumbs, ZuiBreadcrumb } from '@zywave/zui-breadcrumbs';
import { assert } from '@esm-bundle/chai';

suite('zui-breadcrumbs', () => {
  let breadcrumb: ZuiBreadcrumb;
  let breadcrumbs: ZuiBreadcrumbs;

  setup(() => {
    breadcrumb = document.createElement('zui-breadcrumb') as ZuiBreadcrumb;
    breadcrumb.setAttribute('role', 'button');

    breadcrumbs = document.createElement('zui-breadcrumbs') as ZuiBreadcrumbs;
    breadcrumbs.appendChild(breadcrumb);

    document.body.appendChild(breadcrumbs);
  });

  teardown(() => {
    document.body.removeChild(breadcrumbs);
  });

  test('initializes as a ZuiBreadcrumbs', () => {
    assert.instanceOf(breadcrumbs, ZuiBreadcrumbs);
  });

  test('initializes as a ZuiBreadcrumb', () => {
    assert.instanceOf(breadcrumb, ZuiBreadcrumb);
  });
});