diff --git a/.changeset/seven-beans-give.md b/.changeset/seven-beans-give.md new file mode 100644 index 000000000..c35dbb3a8 --- /dev/null +++ b/.changeset/seven-beans-give.md @@ -0,0 +1,5 @@ +--- +'@lion/ui': patch +--- + +[input-tel-dropdown] use ScopedElementsMixin in to run test-suite with select-rich diff --git a/packages/ui/components/input-tel-dropdown/test/LionInputTelDropdown.test.js b/packages/ui/components/input-tel-dropdown/test/LionInputTelDropdown.test.js index f6f9f3d59..b87105113 100644 --- a/packages/ui/components/input-tel-dropdown/test/LionInputTelDropdown.test.js +++ b/packages/ui/components/input-tel-dropdown/test/LionInputTelDropdown.test.js @@ -3,11 +3,10 @@ import { repeat } from 'lit/directives/repeat.js'; import { ref } from 'lit/directives/ref.js'; import { aTimeout, expect, fixture, html } from '@open-wc/testing'; import { LionInputTelDropdown } from '@lion/ui/input-tel-dropdown.js'; +import { LionOption } from '@lion/ui/listbox.js'; +import { LionSelectRich } from '@lion/ui/select-rich.js'; import { runInputTelDropdownSuite } from '@lion/ui/input-tel-dropdown-test-suites.js'; -import { mimicUserChangingDropdown } from '@lion/ui/input-tel-dropdown-test-helpers.js'; - -import '@lion/ui/define/lion-option.js'; -import '@lion/ui/define/lion-select-rich.js'; +import { ScopedElementsMixin } from '../../core/src/ScopedElementsMixin.js'; /** * @typedef {import('lit').TemplateResult} TemplateResult @@ -16,7 +15,16 @@ import '@lion/ui/define/lion-select-rich.js'; * @typedef {import('../types/index.js').RegionMeta} RegionMeta */ -class WithFormControlInputTelDropdown extends LionInputTelDropdown { +class WithFormControlInputTelDropdown extends ScopedElementsMixin(LionInputTelDropdown) { + /** + * @configure ScopedElementsMixin + */ + static scopedElements = { + ...super.scopedElements, + 'lion-select-rich': LionSelectRich, + 'lion-option': LionOption, + }; + static templates = { ...(super.templates || {}), /** @@ -49,8 +57,7 @@ class WithFormControlInputTelDropdown extends LionInputTelDropdown { runInputTelSuite({ klass: LionInputTelDropdown }); runInputTelDropdownSuite(); -// TODO: To be fixed in 4095205 -describe.skip('WithFormControlInputTelDropdown', () => { +describe('WithFormControlInputTelDropdown', () => { // @ts-expect-error // Runs it for LionSelectRich, which uses .modelValue/@model-value-changed instead of .value/@change runInputTelDropdownSuite({ klass: WithFormControlInputTelDropdown });