feat(design-system): add autocomplete [AR-38986] #363
vpolessky-dnpr.yml
on: pull_request
Lint
39s
Type Check
27s
Check Format
19s
Test
1m 20s
Build
45s
Check Packages Versions
17s
Spell Check
16s
Check Unused Code
26s
Annotations
6 errors
|
Test
Process completed with exit code 1.
|
|
[storybook (chromium)] src/components/ds-autocomplete/ds-autocomplete.stories.tsx > All Variants:
packages/design-system/src/components/ds-autocomplete/ds-autocomplete.stories.tsx#L232
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/design-system-autocomplete--all-variants&addonPanel=storybook/interactions/panel
Unable to find an element with the text: Canada. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
</tr>
</thead>
<tbody
class="sb-argstableBlock-body"
>
<tr>
<td>
<span>
propertyName
</span>
<span
title="Required"
>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
Set string
</button>
</td>
</tr>
<tr>
<td>
<span>
propertyName
</span>
<span>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td
|
|
[storybook (chromium)] src/components/ds-autocomplete/ds-autocomplete.stories.tsx > Search With Icon:
packages/design-system/src/components/ds-autocomplete/ds-autocomplete.stories.tsx#L182
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/design-system-autocomplete--search-with-icon&addonPanel=storybook/interactions/panel
Unable to find a label with the text of: search icon
Ignored nodes: comments, script, style
<div>
<div
class="_root_ylpi5_41"
data-part="root"
data-scope="combobox"
dir="ltr"
id="combobox:_r_4_"
style="width: 300px;"
>
<div
class="_control_ylpi5_48"
data-part="control"
data-scope="combobox"
data-state="closed"
dir="ltr"
id="combobox:_r_4_:control"
>
<span
class="_startAdornment_ylpi5_131"
>
<span
class="_icon_itzf2_1 _medium_itzf2_7 material-symbols-outlined"
>
search
</span>
</span>
<input
aria-autocomplete="list"
aria-controls="combobox:_r_4_:content"
aria-expanded="false"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class="_input_ylpi5_59"
data-part="input"
data-scope="combobox"
data-state="closed"
dir="ltr"
id="combobox:_r_4_:input"
placeholder="Search countries..."
role="combobox"
spellcheck="false"
type="text"
value=""
/>
<div
class="_iconContainer_ylpi5_139"
/>
</div>
</div>
</div>
❯ getByLabelText src/components/ds-autocomplete/ds-autocomplete.stories.tsx:182:28
❯ node_modules/.cache/storybook/0c4b02984a2ff93a3055f0997ecfad77bb4a1c78b76953692adecaa761b04f1a/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=df43420f:117:100
|
|
[storybook (chromium)] src/components/ds-autocomplete/ds-autocomplete.stories.tsx > Search Mode:
packages/design-system/src/components/ds-autocomplete/ds-autocomplete.stories.tsx#L161
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/design-system-autocomplete--search-mode&addonPanel=storybook/interactions/panel
Unable to find an element with the text: Apple. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
</tr>
</thead>
<tbody
class="sb-argstableBlock-body"
>
<tr>
<td>
<span>
propertyName
</span>
<span
title="Required"
>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
Set string
</button>
</td>
</tr>
<tr>
<td>
<span>
propertyName
</span>
<span>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
|
|
[storybook (chromium)] src/components/ds-autocomplete/ds-autocomplete.stories.tsx > Default:
packages/design-system/src/components/ds-autocomplete/ds-autocomplete.stories.tsx#L133
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/design-system-autocomplete--default&addonPanel=storybook/interactions/panel
Unable to find an element with the text: Banana. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
</tr>
</thead>
<tbody
class="sb-argstableBlock-body"
>
<tr>
<td>
<span>
propertyName
</span>
<span
title="Required"
>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
Set string
</button>
</td>
</tr>
<tr>
<td>
<span>
propertyName
</span>
<span>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
|
|
Test
@drivenets/design-system#test: command (/home/runner/work/design-system/design-system/packages/design-system) /home/runner/setup-pnpm/node_modules/.bin/pnpm run test exited (1)
|