57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
import { OverlayMixin } from '@lion/overlays';
|
|
import { LitElement } from '@lion/core';
|
|
import { defineCE, fixture, html, expect, unsafeStatic } from '@open-wc/testing';
|
|
import '@lion/listbox/lion-option.js';
|
|
import '@lion/listbox/lion-options.js';
|
|
import '../lion-select-rich.js';
|
|
|
|
/**
|
|
* @typedef {import('../src/LionSelectRich').LionSelectRich} LionSelectRich
|
|
*/
|
|
|
|
const tagString = defineCE(
|
|
class extends OverlayMixin(LitElement) {
|
|
render() {
|
|
return html`
|
|
<button slot="invoker">invoker button</button>
|
|
<div id="overlay-content-node-wrapper">
|
|
<div slot="content">content of the overlay</div>
|
|
</div>
|
|
`;
|
|
}
|
|
},
|
|
);
|
|
const tag = unsafeStatic(tagString);
|
|
|
|
describe('Select Rich Integration tests', () => {
|
|
it('works inside a dialog', async () => {
|
|
let properlyInstantiated = false;
|
|
|
|
try {
|
|
const nestedEl = /** @type {LionSelectRich} */ (await fixture(html`
|
|
<lion-select-rich>
|
|
<lion-options slot="input">
|
|
<lion-option .choiceValue=${10}>Item 1</lion-option>
|
|
<lion-option .choiceValue=${20}>Item 2</lion-option>
|
|
</lion-options>
|
|
</lion-select-rich>
|
|
`));
|
|
await nestedEl.registrationComplete;
|
|
|
|
await fixture(html`
|
|
<${tag} id="main">
|
|
<div slot="content" id="mainContent">
|
|
open nested overlay:
|
|
${nestedEl}
|
|
</div>
|
|
<button slot="invoker">invoker button</button>
|
|
</${tag}>
|
|
`);
|
|
properlyInstantiated = true;
|
|
} catch (e) {
|
|
throw new Error(e);
|
|
}
|
|
|
|
expect(properlyInstantiated).to.be.true;
|
|
});
|
|
});
|