Decoupling data table manager components #13102
main.yml
on: pull_request
build_lint_and_test
3m 49s
Annotations
3 errors and 2 warnings
rendering with decoupled data table › should render the layout settings panel when clicking on the dropdown option and interact with the layout options:
packages/components/data-table-manager/src/data-table-manager.spec.js#L230
Unable to find an element with the text: Table layout settings. 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>
<div>
<div
class="css-1xtbmw8-getStyles"
>
<div
class="css-a5wzts-getStyles"
>
<span
class="css-e0jqv8-getStyles"
>
<div
class="css-i13tnn-TopBarContainer e3i1gnv0"
/>
<div
class="css-ssfyhg-Wrapper e14le4p0"
>
<div
class="css-1f4gko0-Container e5g0mzs0"
>
<div>
<button
aria-label="Open table manager dropdown"
class="css-lvz6i-Button-normalizedButtonStyles-AccessibleButton-IconButton-getBaseStyles-getShapeStyles-getSizeStyles-getHoverStyles-IconButton e1hhqyqg0"
data-track-component="IconButton"
label="Open table manager dropdown"
shape="round"
type="button"
value="display"
>
<svg
class="css-n970in-getIconStyles"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 17.017V7.003q0-.826.588-1.414A1.93 1.93 0 0 1 5.003 5h13.994q.827 0 1.415.589.588.588.588 1.414v10.014q0 .825-.588 1.415a1.93 1.93 0 0 1-1.415.588H5.003q-.827 0-1.415-.588A1.93 1.93 0 0 1 3 17.017m2.003 0h3.33V7.003h-3.33zm5.332 0h3.33V7.003h-3.33zm5.333 0h3.33V7.003h-3.33z"
/>
</svg>
</button>
</div>
<div
class="css-1ae304y-getDropdownMenuBaseStyles"
>
<div
class="css-a5wzts-getStyles"
>
<button
aria-label="Column manager"
class="css-1ijk1on-Button-normalizedButtonStyles-AccessibleButton-getDropdownListMenuItemStyles e1hhqyqg0"
type="button"
>
Column manager
</button>
<button
aria-label="Layout settings"
class="css-1ijk1on-Button-normalizedButtonStyles-AccessibleButton-getDropdownListMenuItemStyles e1hhqyqg0"
type="button"
>
Layout settings
</button>
</div>
</div>
</div>
</div>
<div
class="css-1ykhafj-Tooltip"
data-placement="left"
>
<div
class="css-1p73d7e-Tooltip"
data-testid="tooltip-message-wrapper"
>
<div
class="css-1huxqmb-Body e14le4p1"
>
Table settings
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div>
Some other component
</div>
<div>
<ul>
<li>
Title
</li>
<li>
Country
</li>
</ul>
</div>
</div>
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:166:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByText (packages/components/data-table-manager/src/data-table-manager.spec.js:230:18)
|
rendering with decoupled data table › should render the column settings panel when clicking on the dropdown option with no column options in either hidden or visible panels:
packages/components/data-table-manager/src/data-table-manager.spec.js#L279
Unable to find an element with the text: Column Manager. 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>
<div>
<div
class="css-1xtbmw8-getStyles"
>
<div
class="css-a5wzts-getStyles"
>
<span
class="css-e0jqv8-getStyles"
>
<div
class="css-i13tnn-TopBarContainer e3i1gnv0"
/>
<div
class="css-ssfyhg-Wrapper e14le4p0"
>
<div
class="css-1f4gko0-Container e5g0mzs0"
>
<div>
<button
aria-label="Open table manager dropdown"
class="css-lvz6i-Button-normalizedButtonStyles-AccessibleButton-IconButton-getBaseStyles-getShapeStyles-getSizeStyles-getHoverStyles-IconButton e1hhqyqg0"
data-track-component="IconButton"
label="Open table manager dropdown"
shape="round"
type="button"
value="column"
>
<svg
class="css-n970in-getIconStyles"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 17.017V7.003q0-.826.588-1.414A1.93 1.93 0 0 1 5.003 5h13.994q.827 0 1.415.589.588.588.588 1.414v10.014q0 .825-.588 1.415a1.93 1.93 0 0 1-1.415.588H5.003q-.827 0-1.415-.588A1.93 1.93 0 0 1 3 17.017m2.003 0h3.33V7.003h-3.33zm5.332 0h3.33V7.003h-3.33zm5.333 0h3.33V7.003h-3.33z"
/>
</svg>
</button>
</div>
<div
class="css-1ae304y-getDropdownMenuBaseStyles"
>
<div
class="css-a5wzts-getStyles"
>
<button
aria-label="Column manager"
class="css-1ijk1on-Button-normalizedButtonStyles-AccessibleButton-getDropdownListMenuItemStyles e1hhqyqg0"
type="button"
>
Column manager
</button>
<button
aria-label="Layout settings"
class="css-1ijk1on-Button-normalizedButtonStyles-AccessibleButton-getDropdownListMenuItemStyles e1hhqyqg0"
type="button"
>
Layout settings
</button>
</div>
</div>
</div>
</div>
<div
class="css-1ykhafj-Tooltip"
data-placement="left"
>
<div
class="css-1p73d7e-Tooltip"
data-testid="tooltip-message-wrapper"
>
<div
class="css-1huxqmb-Body e14le4p1"
>
Table settings
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div>
Some other component
</div>
<div>
<ul>
<li>
Title
</li>
<li>
Country
</li>
</ul>
</div>
</div>
</body>
at waitForWrapper (node_modules/@testing-library/dom/dist/wait-for.js:166:27)
at node_modules/@testing-library/dom/dist/query-helpers.js:86:33
at Object.findByText (packages/components/data-table-manager/src/data-table-manager.spec.js:279:18)
|
build_lint_and_test
Process completed with exit code 1.
|
build_lint_and_test
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/cache@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
build_lint_and_test
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|