@lion/ui 0.7.9 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/src/LionAccordion.js +1 -1
- package/components/accordion/test/lion-accordion.test.js +9 -4
- package/components/calendar/src/LionCalendar.js +3 -1
- package/components/combobox/test/lion-combobox.test.js +124 -120
- package/components/combobox/test/validators.test.js +2 -2
- package/components/combobox/test-helpers/combobox-helpers.js +8 -9
- package/components/core/src/browserDetection.js +9 -1
- package/components/form-core/test-suites/NativeTextFieldMixin.suite.js +9 -10
- package/custom-elements.json +684 -2497
- package/dist-types/components/accordion/test/lion-accordion.test.d.ts.map +1 -1
- package/dist-types/components/calendar/src/LionCalendar.d.ts +0 -1
- package/dist-types/components/calendar/src/LionCalendar.d.ts.map +1 -1
- package/dist-types/components/combobox/test-helpers/combobox-helpers.d.ts +2 -2
- package/dist-types/components/combobox/test-helpers/combobox-helpers.d.ts.map +1 -1
- package/dist-types/components/form-core/test-suites/NativeTextFieldMixin.suite.d.ts.map +1 -1
- package/dist-types/components/icon/src/LionIcon.d.ts +2 -2
- package/dist-types/components/icon/src/LionIcon.d.ts.map +1 -1
- package/dist-types/tsconfig.tsbuildinfo +1 -1
- package/docs/components/checkbox-group/overview.md +2 -2
- package/docs/components/collapsible/overview.md +1 -1
- package/docs/components/combobox/overview.md +1 -1
- package/docs/components/combobox/use-cases.md +3 -4
- package/docs/components/dialog/overview.md +1 -1
- package/docs/components/fieldset/overview.md +5 -5
- package/docs/components/form/overview.md +3 -3
- package/docs/components/icon/use-cases.md +1 -1
- package/docs/components/input/overview.md +1 -1
- package/docs/components/input-amount/overview.md +3 -3
- package/docs/components/input-date/overview.md +3 -3
- package/docs/components/input-date/use-cases.md +2 -3
- package/docs/components/input-datepicker/overview.md +5 -5
- package/docs/components/input-datepicker/use-cases.md +2 -3
- package/docs/components/input-email/overview.md +2 -2
- package/docs/components/input-file/overview.md +1 -1
- package/docs/components/input-iban/overview.md +2 -2
- package/docs/components/input-range/overview.md +2 -2
- package/docs/components/input-stepper/overview.md +1 -1
- package/docs/components/input-tel/overview.md +1 -1
- package/docs/components/input-tel/use-cases.md +6 -6
- package/docs/components/input-tel-dropdown/overview.md +1 -1
- package/docs/components/listbox/use-cases.md +1 -1
- package/docs/components/radio-group/overview.md +3 -3
- package/docs/components/select/use-cases.md +1 -1
- package/docs/components/select-rich/use-cases.md +1 -1
- package/docs/components/tabs/examples.md +1 -1
- package/docs/fundamentals/index.md +4 -4
- package/docs/fundamentals/node-tools/providence-analytics/LocalConfiguration.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/QueryResult.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/analyzer.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/dashboard.md +1 -1
- package/docs/fundamentals/node-tools/providence-analytics/overview.md +3 -3
- package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
- package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
- package/docs/fundamentals/rationales/accessibility.md +1 -1
- package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
- package/docs/fundamentals/systems/core/overview.md +1 -1
- package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
- package/docs/fundamentals/systems/form/model-value.md +1 -1
- package/docs/fundamentals/systems/form/overview.md +28 -28
- package/docs/fundamentals/systems/form/validate.md +2 -2
- package/docs/fundamentals/systems/localize/overview.md +4 -4
- package/docs/fundamentals/systems/overlays/configuration.md +2 -2
- package/docs/fundamentals/systems/overlays/overview.md +5 -5
- package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
- package/docs/fundamentals/tools/helpers/overview.md +1 -1
- package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
- package/docs/guides/how-to/create-a-custom-field.md +5 -5
- package/docs/guides/how-to/create-a-form.md +4 -4
- package/docs/guides/how-to/extend-a-native-input.md +2 -2
- package/docs/guides/index.md +8 -8
- package/docs/guides/principles/index.md +5 -5
- package/docs/guides/principles/styling.md +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { expect, fixture } from '@open-wc/testing';
|
|
2
2
|
import { html } from 'lit/static-html.js';
|
|
3
|
+
import { sendKeys } from '@web/test-runner-commands';
|
|
3
4
|
import sinon from 'sinon';
|
|
4
5
|
|
|
5
6
|
import '@lion/ui/define/lion-accordion.js';
|
|
@@ -309,11 +310,14 @@ describe('<lion-accordion>', () => {
|
|
|
309
310
|
* > content content to be preloaded.
|
|
310
311
|
*/
|
|
311
312
|
describe('User interaction', () => {
|
|
312
|
-
it('opens
|
|
313
|
+
it('opens/closes an invoker on click', async () => {
|
|
313
314
|
const el = /** @type {LionAccordion} */ (await fixture(basicAccordion));
|
|
314
315
|
const invokers = getInvokers(el);
|
|
315
316
|
invokers[1].firstElementChild?.dispatchEvent(new Event('click'));
|
|
316
317
|
expect(el.expanded).to.deep.equal([1]);
|
|
318
|
+
|
|
319
|
+
invokers[1].firstElementChild?.dispatchEvent(new Event('click'));
|
|
320
|
+
expect(el.expanded).to.deep.equal([]);
|
|
317
321
|
});
|
|
318
322
|
|
|
319
323
|
it('selects a invoker on click', async () => {
|
|
@@ -323,12 +327,13 @@ describe('<lion-accordion>', () => {
|
|
|
323
327
|
expect(el.focusedIndex).to.equal(1);
|
|
324
328
|
});
|
|
325
329
|
|
|
326
|
-
it
|
|
330
|
+
it('opens/closes invoker on [enter] and [space]', async () => {
|
|
327
331
|
const el = /** @type {LionAccordion} */ (await fixture(basicAccordion));
|
|
328
332
|
const invokers = getInvokers(el);
|
|
329
|
-
invokers[0].
|
|
333
|
+
invokers[0].getElementsByTagName('button')[0].focus();
|
|
334
|
+
await sendKeys({ press: 'Enter' });
|
|
330
335
|
expect(el.expanded).to.deep.equal([0]);
|
|
331
|
-
|
|
336
|
+
await sendKeys({ press: 'Space' });
|
|
332
337
|
expect(el.expanded).to.deep.equal([]);
|
|
333
338
|
});
|
|
334
339
|
|
|
@@ -300,7 +300,9 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
|
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
302
|
|
|
303
|
-
|
|
303
|
+
/** @param {import('lit').PropertyValues } changedProperties */
|
|
304
|
+
firstUpdated(changedProperties) {
|
|
305
|
+
super.firstUpdated(changedProperties);
|
|
304
306
|
this.__calculateInitialCentralDate();
|
|
305
307
|
|
|
306
308
|
// setup data for initial render
|