FCT 1187 - enable filter selection in filters #14944
ByronDWallmain.yml
on: pull_request
build_lint_and_test
3m 51s
Annotations
7 errors and 1 warning
|
Filters › should expand & collapse the filter list when `filters` button is clicked:
packages/components/filters/src/filters.spec.utils.tsx#L11
Found multiple elements with the role "button" and name `/add filter/i`
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-controls="radix-0"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
</div>
Ignored nodes: comments, script, style
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<span
class="css-1gxvrf-getStyles"
>
<div
class="css-1p6okvw-Filters"
>
<input
id="search-text"
placeholder="Search Placeholder"
type="text"
/>
</div>
<span
class="css-14z2hc4-getStyles"
>
<button
aria-disabled="false"
aria-label="Filters"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Filters"
type="button"
>
<svg
aria-hidden="true"
class="css-190wwci-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55.262.55-.113 1.05L14 13v6q0 .424-.287.712A.97.97 0 0 1 13 20z"
/>
</svg>
<span>
Filters
</span>
</button>
</span>
</span>
<hr
class="css-1icfmnj-horizontalDividerStyles"
/>
<div
style="height: auto; animation: animation-7i5pcc 200ms forwards;"
>
<div
aria-live="polite"
class="css-14iuj12-menuListStyles"
>
<div
aria-controls="radix-0"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
|
|
Filters › should apply values from multiple filters & display an applied filter count badge when collapsed:
packages/components/filters/src/filters.spec.utils.tsx#L11
Found multiple elements with the role "button" and name `/add filter/i`
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-controls="radix-1"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
</div>
Ignored nodes: comments, script, style
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<span
class="css-1gxvrf-getStyles"
>
<div
class="css-1p6okvw-Filters"
>
<input
id="search-text"
placeholder="Search Placeholder"
type="text"
/>
</div>
<span
class="css-14z2hc4-getStyles"
>
<button
aria-disabled="false"
aria-label="Filters"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Filters"
type="button"
>
<svg
aria-hidden="true"
class="css-190wwci-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55.262.55-.113 1.05L14 13v6q0 .424-.287.712A.97.97 0 0 1 13 20z"
/>
</svg>
<span>
Filters
</span>
</button>
</span>
</span>
<hr
class="css-1icfmnj-horizontalDividerStyles"
/>
<div
style="height: auto; animation: animation-7i5pcc 200ms forwards;"
>
<div
aria-live="polite"
class="css-14iuj12-menuListStyles"
>
<div
aria-controls="radix-1"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
|
|
Filters › should apply multiple values from a single filter:
packages/components/filters/src/filters.spec.utils.tsx#L11
Found multiple elements with the role "button" and name `/add filter/i`
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-controls="radix-2"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
</div>
Ignored nodes: comments, script, style
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<span
class="css-1gxvrf-getStyles"
>
<div
class="css-1p6okvw-Filters"
>
<input
id="search-text"
placeholder="Search Placeholder"
type="text"
/>
</div>
<span
class="css-14z2hc4-getStyles"
>
<button
aria-disabled="false"
aria-label="Filters"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Filters"
type="button"
>
<svg
aria-hidden="true"
class="css-190wwci-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55.262.55-.113 1.05L14 13v6q0 .424-.287.712A.97.97 0 0 1 13 20z"
/>
</svg>
<span>
Filters
</span>
</button>
</span>
</span>
<hr
class="css-1icfmnj-horizontalDividerStyles"
/>
<div
style="height: auto; animation: animation-7i5pcc 200ms forwards;"
>
<div
aria-live="polite"
class="css-14iuj12-menuListStyles"
>
<div
aria-controls="radix-2"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
|
|
Filters › should render `clear all` filters button & clear selections when clicked - >=2 applied filters:
packages/components/filters/src/filters.spec.utils.tsx#L11
Found multiple elements with the role "button" and name `/add filter/i`
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-controls="radix-4"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
</div>
Ignored nodes: comments, script, style
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<span
class="css-1gxvrf-getStyles"
>
<div
class="css-1p6okvw-Filters"
>
<input
id="search-text"
placeholder="Search Placeholder"
type="text"
/>
</div>
<span
class="css-14z2hc4-getStyles"
>
<button
aria-disabled="false"
aria-label="Filters"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Filters"
type="button"
>
<svg
aria-hidden="true"
class="css-190wwci-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55.262.55-.113 1.05L14 13v6q0 .424-.287.712A.97.97 0 0 1 13 20z"
/>
</svg>
<span>
Filters
</span>
</button>
</span>
</span>
<hr
class="css-1icfmnj-horizontalDividerStyles"
/>
<div
style="height: auto; animation: animation-7i5pcc 200ms forwards;"
>
<div
aria-live="polite"
class="css-14iuj12-menuListStyles"
>
<div
aria-controls="radix-4"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
|
|
Filters › should not render `clear all` filters button with a single applied filter:
packages/components/filters/src/filters.spec.utils.tsx#L11
Found multiple elements with the role "button" and name `/add filter/i`
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-controls="radix-5"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
</div>
Ignored nodes: comments, script, style
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<span
class="css-1gxvrf-getStyles"
>
<div
class="css-1p6okvw-Filters"
>
<input
id="search-text"
placeholder="Search Placeholder"
type="text"
/>
</div>
<span
class="css-14z2hc4-getStyles"
>
<button
aria-disabled="false"
aria-label="Filters"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Filters"
type="button"
>
<svg
aria-hidden="true"
class="css-190wwci-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55.262.55-.113 1.05L14 13v6q0 .424-.287.712A.97.97 0 0 1 13 20z"
/>
</svg>
<span>
Filters
</span>
</button>
</span>
</span>
<hr
class="css-1icfmnj-horizontalDividerStyles"
/>
<div
style="height: auto; animation: animation-7i5pcc 200ms forwards;"
>
<div
aria-live="polite"
class="css-14iuj12-menuListStyles"
>
<div
aria-controls="radix-5"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
|
|
Filters › should remove applied filters individually:
packages/components/filters/src/filters.spec.utils.tsx#L11
Found multiple elements with the role "button" and name `/add filter/i`
Here are the matching elements:
Ignored nodes: comments, script, style
<div
aria-controls="radix-6"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
</div>
Ignored nodes: comments, script, style
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
aria-hidden="true"
class="css-3rihij-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20q-.486 0-.814-.33-.33-.327-.329-.813v-5.714H5.143q-.486 0-.815-.33A1.1 1.1 0 0 1 4 12q0-.486.328-.815.33-.328.815-.328h5.714V5.143q0-.486.33-.815Q11.514 4 12 4q.486 0 .815.328.328.33.328.815v5.714h5.714q.486 0 .814.328.33.33.329.815 0 .486-.33.814-.327.33-.813.329h-5.714v5.714q0 .486-.328.814-.33.33-.815.329"
/>
</svg>
<span>
Add filter
</span>
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<span
class="css-1gxvrf-getStyles"
>
<div
class="css-1p6okvw-Filters"
>
<input
id="search-text"
placeholder="Search Placeholder"
type="text"
/>
</div>
<span
class="css-14z2hc4-getStyles"
>
<button
aria-disabled="false"
aria-label="Filters"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Filters"
type="button"
>
<svg
aria-hidden="true"
class="css-190wwci-getIconStyles"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55.262.55-.113 1.05L14 13v6q0 .424-.287.712A.97.97 0 0 1 13 20z"
/>
</svg>
<span>
Filters
</span>
</button>
</span>
</span>
<hr
class="css-1icfmnj-horizontalDividerStyles"
/>
<div
style="height: auto; animation: animation-7i5pcc 200ms forwards;"
>
<div
aria-live="polite"
class="css-14iuj12-menuListStyles"
>
<div
aria-controls="radix-6"
aria-expanded="false"
aria-haspopup="dialog"
class="css-irmyae-Filters"
data-state="closed"
role="button"
type="button"
>
<button
aria-disabled="false"
aria-label="Add filter"
class="css-1qos380-Button-normalizedButtonStyles-AccessibleButton-FlatButton e1hhqyqg0"
data-track-component="FlatButton"
label="Add filter"
type="button"
>
<svg
|
|
build_lint_and_test
Process completed with exit code 1.
|
|
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/
|