-
Notifications
You must be signed in to change notification settings - Fork 33
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Refs: #6963
- Loading branch information
Showing
101 changed files
with
4,526 additions
and
2,330 deletions.
There are no files selected for viewing
66 changes: 66 additions & 0 deletions
66
packages/components/src/components/abbr/test/__snapshots__/snapshot.spec.tsx.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| // Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
|
||
| exports[`kol-abbr should render with _label="Text" _tooltipAlign="bottom" 1`] = ` | ||
| <kol-abbr class="kol-abbr"> | ||
| <template shadowrootmode="open"> | ||
| <abbr aria-labelledby="nonce" role="definition" tabindex="0" title="Text"> | ||
| <span> | ||
| <slot></slot> | ||
| </span> | ||
| </abbr> | ||
| <kol-tooltip-wc _align="bottom" _id="nonce" _label="Text"></kol-tooltip-wc> | ||
| </template> | ||
| </kol-abbr> | ||
| `; | ||
|
|
||
| exports[`kol-abbr should render with _label="Text" _tooltipAlign="left" 1`] = ` | ||
| <kol-abbr class="kol-abbr"> | ||
| <template shadowrootmode="open"> | ||
| <abbr aria-labelledby="nonce" role="definition" tabindex="0" title="Text"> | ||
| <span> | ||
| <slot></slot> | ||
| </span> | ||
| </abbr> | ||
| <kol-tooltip-wc _align="left" _id="nonce" _label="Text"></kol-tooltip-wc> | ||
| </template> | ||
| </kol-abbr> | ||
| `; | ||
|
|
||
| exports[`kol-abbr should render with _label="Text" _tooltipAlign="right" 1`] = ` | ||
| <kol-abbr class="kol-abbr"> | ||
| <template shadowrootmode="open"> | ||
| <abbr aria-labelledby="nonce" role="definition" tabindex="0" title="Text"> | ||
| <span> | ||
| <slot></slot> | ||
| </span> | ||
| </abbr> | ||
| <kol-tooltip-wc _align="right" _id="nonce" _label="Text"></kol-tooltip-wc> | ||
| </template> | ||
| </kol-abbr> | ||
| `; | ||
|
|
||
| exports[`kol-abbr should render with _label="Text" _tooltipAlign="top" 1`] = ` | ||
| <kol-abbr class="kol-abbr"> | ||
| <template shadowrootmode="open"> | ||
| <abbr aria-labelledby="nonce" role="definition" tabindex="0" title="Text"> | ||
| <span> | ||
| <slot></slot> | ||
| </span> | ||
| </abbr> | ||
| <kol-tooltip-wc _align="top" _id="nonce" _label="Text"></kol-tooltip-wc> | ||
| </template> | ||
| </kol-abbr> | ||
| `; | ||
|
|
||
| exports[`kol-abbr should render with _label="Text" 1`] = ` | ||
| <kol-abbr class="kol-abbr"> | ||
| <template shadowrootmode="open"> | ||
| <abbr aria-labelledby="nonce" role="definition" tabindex="0" title="Text"> | ||
| <span> | ||
| <slot></slot> | ||
| </span> | ||
| </abbr> | ||
| <kol-tooltip-wc _align="top" _id="nonce" _label="Text"></kol-tooltip-wc> | ||
| </template> | ||
| </kol-abbr> | ||
| `; |
This file was deleted.
Oops, something went wrong.
38 changes: 13 additions & 25 deletions
38
packages/components/src/components/abbr/test/snapshot.spec.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,29 +1,17 @@ | ||
| import { executeTests } from 'stencil-awesome-test'; | ||
| import { KolAbbrTag } from '@component-names'; | ||
| import type { AbbrProps } from '@schema'; | ||
| import { executeSnapshotTests } from '@testing'; | ||
|
|
||
| import { h } from '@stencil/core'; | ||
| import { newSpecPage } from '@stencil/core/testing'; | ||
|
|
||
| import { getAbbrHtml } from './html.mock'; | ||
|
|
||
| import type { AbbrProps } from '../../../schema'; | ||
| import type { SpecPage } from '@stencil/core/testing'; | ||
| import { KolAbbr } from '../shadow'; | ||
|
|
||
| executeTests<AbbrProps>( | ||
| 'Abbr', | ||
| async (props): Promise<SpecPage> => { | ||
| const page = await newSpecPage({ | ||
| components: [KolAbbr], | ||
| template: () => <kol-abbr {...props} />, | ||
| }); | ||
| return page; | ||
| }, | ||
| { | ||
| _label: ['Text'], | ||
| _tooltipAlign: ['left', 'bottom', 'right', 'top'], | ||
| }, | ||
| getAbbrHtml, | ||
| { | ||
| execMode: 'default', // ready | ||
| }, | ||
| executeSnapshotTests<AbbrProps>( | ||
| KolAbbrTag, | ||
| [KolAbbr], | ||
| [ | ||
| { _label: 'Text' }, | ||
| { _label: 'Text', _tooltipAlign: 'top' }, | ||
| { _label: 'Text', _tooltipAlign: 'left' }, | ||
| { _label: 'Text', _tooltipAlign: 'right' }, | ||
| { _label: 'Text', _tooltipAlign: 'bottom' }, | ||
| ], | ||
| ); |
210 changes: 210 additions & 0 deletions
210
packages/components/src/components/accordion/test/__snapshots__/snapshot.spec.tsx.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,210 @@ | ||
| // Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=false _disabled=false 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="1" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=false _disabled=true 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible disabled" id="nonce"> | ||
| <kol-heading-wc _label="" _level="1" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _disabled="" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=true _disabled=false 1`] = ` | ||
| <kol-accordion _open="" class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible open" id="nonce"> | ||
| <kol-heading-wc _label="" _level="1" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _ariaexpanded="" _icons="codicon codicon-remove" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=1 _open=true _disabled=true 1`] = ` | ||
| <kol-accordion _open="" class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible disabled open" id="nonce"> | ||
| <kol-heading-wc _label="" _level="1" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _ariaexpanded="" _disabled="" _icons="codicon codicon-remove" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=1 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="1" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=2 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="2" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=3 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="3" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=4 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="4" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=5 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="5" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" _level=6 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="6" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; | ||
|
|
||
| exports[`kol-accordion should render with _label="Überschrift" 1`] = ` | ||
| <kol-accordion class="kol-accordion"> | ||
| <template shadowrootmode="open"> | ||
| <div class="accordion collapsible" id="nonce"> | ||
| <kol-heading-wc _label="" _level="1" class="accordion__heading collapsible__heading"> | ||
| <kol-button-wc _ariacontrols="nonce-control" _icons="codicon codicon-add" _label="Überschrift" class="accordion__heading-button collapsible__heading-button" slot="expert"></kol-button-wc> | ||
| </kol-heading-wc> | ||
| <div class="accordion__wrapper collapsible__wrapper"> | ||
| <div class="accordion__wrapper-animation collapsible__wrapper-animation"> | ||
| <div aria-hidden="true" class="accordion__content collapsible__content" id="nonce-control"> | ||
| <slot></slot> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> | ||
| </kol-accordion> | ||
| `; |
47 changes: 0 additions & 47 deletions
47
packages/components/src/components/accordion/test/html.mock.ts
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.