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

suite('zui-multipicker', () => {
  let item: ZuiMultipickerItem;
  let slot: HTMLSlotElement;
  let multiPicker: ZuiMultipicker;

  setup(() => {
    item = document.createElement('zui-multipicker-item') as ZuiMultipickerItem;
    item.setAttribute('identifier', '1');
    item.setAttribute('selected', '');

    slot = document.createElement('slot') as HTMLSlotElement;
    slot.appendChild(item);

    multiPicker = document.createElement('zui-multipicker') as ZuiMultipicker;
    multiPicker.appendChild(slot);

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

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

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

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