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

suite('zui-picker', () => {
  let item: ZuiPickerItem;
  let slot: HTMLSlotElement;
  let picker: ZuiPicker;

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

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

    picker = document.createElement('zui-picker') as ZuiPicker;
    picker.appendChild(slot);

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

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

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

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