Button Refactor / Cleanup #33
seanrcollingsAnnotations
10 errors and 1 warning
|
src/components/Buttons/Button/Button.spec.tsx > Button > matches snapshots > normal display:
packages/atomic-elements/src/components/Buttons/Button/Button.spec.tsx#L10
Error: Snapshot `Button > matches snapshots > normal display 1` mismatched
- Expected
+ Received
<DocumentFragment>
<button
- class="sc-kLhKbu sc-ixGGxD ccUbiV iksruy aje-btn aje-btn--primary is-auto"
+ class="sc-kLhKbu dlRhmD aje-btn aje-btn--primary is-auto"
type="button"
>
Click Me
</button>
</DocumentFragment>
❯ src/components/Buttons/Button/Button.spec.tsx:10:35
|
|
src/components/Buttons/Button/Button.spec.tsx > Button > matches snapshots > changes variant:
packages/atomic-elements/src/components/Buttons/Button/Button.spec.tsx#L15
Error: Snapshot `Button > matches snapshots > changes variant 1` mismatched
- Expected
+ Received
<DocumentFragment>
<button
- class="sc-kLhKbu sc-ixGGxD ccUbiV iksruy aje-btn aje-btn--secondary is-auto"
+ class="sc-kLhKbu dlRhmD aje-btn aje-btn--secondary is-auto"
type="button"
>
Click Me
</button>
</DocumentFragment>
❯ src/components/Buttons/Button/Button.spec.tsx:15:35
|
|
src/components/Buttons/Button/Button.spec.tsx > Button > matches snapshots > loading state:
packages/atomic-elements/src/components/Buttons/Button/Button.spec.tsx#L20
Error: Snapshot `Button > matches snapshots > loading state 1` mismatched
- Expected
+ Received
@@ -1,8 +1,8 @@
<DocumentFragment>
<button
- class="sc-kLhKbu sc-ixGGxD ccUbiV iksruy aje-btn aje-btn--primary is-auto"
+ class="sc-kLhKbu dlRhmD aje-btn aje-btn--primary is-auto"
data-loading="true"
type="button"
>
<div
class="sc-gtLWhw bXaYmu aje-loader aje-loader--spinner is-medium"
❯ src/components/Buttons/Button/Button.spec.tsx:20:36
|
|
src/components/Buttons/Button/Button.spec.tsx > Button > matches snapshots > loading completed state:
packages/atomic-elements/src/components/Buttons/Button/Button.spec.tsx#L29
Error: Snapshot `Button > matches snapshots > loading completed state 1` mismatched
- Expected
+ Received
@@ -1,8 +1,8 @@
<DocumentFragment>
<button
- class="sc-kLhKbu sc-ixGGxD ccUbiV iksruy aje-btn aje-btn--primary is-auto"
+ class="sc-kLhKbu dlRhmD aje-btn aje-btn--primary is-auto"
data-loading="true"
type="button"
>
<div
class="sc-gtLWhw bXaYmu aje-loader aje-loader--spinner is-medium"
❯ src/components/Buttons/Button/Button.spec.tsx:29:36
|
|
src/components/Buttons/IconButton/IconButton.spec.tsx > matches snapshot:
packages/atomic-elements/src/components/Buttons/IconButton/IconButton.spec.tsx#L10
Error: Snapshot `matches snapshot 1` mismatched
- Expected
+ Received
<DocumentFragment>
<button
aria-label="More Button"
- class="sc-ixGGxD sc-khLCKb jaxoaH hXPODb aje-btn aje-btn--icon aje-btn--border is-medium"
+ class="sc-ixGGxD hnVyCZ aje-btn sc-khLCKb fwcJqo aje-btn--border is-medium"
type="button"
>
<i
aria-hidden="true"
- class="sc-kLhKbu gELXHy aje-icon material-icons is-medium"
+ class="sc-blHHSb GNRNu aje-icon material-icons is-medium"
>
more_vert
</i>
</button>
</DocumentFragment>
❯ src/components/Buttons/IconButton/IconButton.spec.tsx:10:31
|
|
src/components/Dropdowns/Combobox/Combobox.spec.tsx > matches snapshots > matches default variant:
packages/atomic-elements/src/components/Dropdowns/Combobox/Combobox.spec.tsx#L19
Error: Snapshot `matches snapshots > matches default variant 1` mismatched
- Expected
+ Received
@@ -35,18 +35,18 @@
<button
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Show suggestions"
aria-labelledby="react-aria-:r0: react-aria-:r3:"
- class="sc-ixGGxD sc-khLCKb jaxoaH hXPODb aje-btn aje-btn--icon aje-btn--content is-auto"
+ class="sc-ixGGxD hnVyCZ aje-btn sc-khLCKb fwcJqo aje-btn--content is-auto"
id="react-aria-:r0:"
tabindex="-1"
type="button"
>
<i
aria-hidden="true"
- class="sc-kLhKbu gELXHy aje-icon material-icons is-auto"
+ class="sc-blHHSb GNRNu aje-icon material-icons is-auto"
>
search
</i>
</button>
</div>
❯ src/components/Dropdowns/Combobox/Combobox.spec.tsx:19:33
|
|
src/components/Dropdowns/Combobox/Combobox.spec.tsx > matches snapshots > matches floating variant:
packages/atomic-elements/src/components/Dropdowns/Combobox/Combobox.spec.tsx#L24
Error: Snapshot `matches snapshots > matches floating variant 1` mismatched
- Expected
+ Received
@@ -25,18 +25,18 @@
<button
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Show suggestions"
aria-labelledby="react-aria-:r9: react-aria-:rc:"
- class="sc-ixGGxD sc-khLCKb jaxoaH hXPODb aje-btn aje-btn--icon aje-btn--content is-auto"
+ class="sc-ixGGxD hnVyCZ aje-btn sc-khLCKb fwcJqo aje-btn--content is-auto"
id="react-aria-:r9:"
tabindex="-1"
type="button"
>
<i
aria-hidden="true"
- class="sc-kLhKbu gELXHy aje-icon material-icons is-auto"
+ class="sc-blHHSb GNRNu aje-icon material-icons is-auto"
>
search
</i>
</button>
</div>
❯ src/components/Dropdowns/Combobox/Combobox.spec.tsx:24:33
|
|
src/components/Dropdowns/CustomSelect/CustomSelect.spec.tsx > matches snapshots > matches default variant:
packages/atomic-elements/src/components/Dropdowns/CustomSelect/CustomSelect.spec.tsx#L21
Error: Snapshot `matches snapshots > matches default variant 1` mismatched
- Expected
+ Received
@@ -1,8 +1,8 @@
<DocumentFragment>
<div
- class="sc-eUlrpB ecftEH aje-select sc-bMTdWJ fErLam aje-select aje-select--default"
+ class="sc-eUlrpB ecftEH aje-select sc-hbtGpV fPxRoz aje-select aje-select--default"
>
<div
aria-hidden="true"
data-a11y-ignore="aria-hidden-focus"
data-react-aria-prevent-focus="true"
@@ -40,11 +40,11 @@
</label>
<button
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="react-aria-:r7: react-aria-:r3:"
- class="sc-ovuCP sc-hJRrWL jDlmat ikrVwe aje-btn sc-fwzISk gsuoQe aje-btn--dropdown is-medium"
+ class="sc-ovuCP jXkAbD aje-btn sc-hJRrWL hJvkfR aje-btn--dropdown is-medium"
id="react-aria-:r2:"
type="button"
>
<span
class="sc-geXuza bnnRoH"
@@ -52,11 +52,11 @@
>
Select an option
</span>
<i
aria-hidden="true"
- class="sc-cEzcPc csQlNh aje-icon material-icons is-medium"
+ class="sc-khLCKb gRpvEI aje-icon material-icons is-medium"
>
arrow_drop_down
</i>
</button>
</div>
❯ src/components/Dropdowns/CustomSelect/CustomSelect.spec.tsx:21:33
|
|
src/components/Dropdowns/CustomSelect/CustomSelect.spec.tsx > matches snapshots > matches floating variant:
packages/atomic-elements/src/components/Dropdowns/CustomSelect/CustomSelect.spec.tsx#L55
Error: Snapshot `matches snapshots > matches floating variant 1` mismatched
- Expected
+ Received
@@ -1,8 +1,8 @@
<DocumentFragment>
<div
- class="sc-eUlrpB ecftEH aje-select sc-bMTdWJ fErLam aje-select aje-select--floating aje-select--floating"
+ class="sc-eUlrpB ecftEH aje-select sc-hbtGpV fPxRoz aje-select aje-select--floating aje-select--floating"
>
<div
aria-hidden="true"
data-a11y-ignore="aria-hidden-focus"
data-react-aria-prevent-focus="true"
@@ -31,27 +31,27 @@
</option>
</select>
</label>
</div>
<div
- class="sc-hbtGpV fgifvA"
+ class="sc-fwzISk ABzRF"
>
<button
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="react-aria-:rf: react-aria-:rb:"
- class="sc-ovuCP sc-hJRrWL jDlmat ikrVwe aje-btn sc-fwzISk gsuoQe aje-btn--dropdown is-medium"
+ class="sc-ovuCP jXkAbD aje-btn sc-hJRrWL hJvkfR aje-btn--dropdown is-medium"
id="react-aria-:ra:"
type="button"
>
<span
class="sc-geXuza bnnRoH"
id="react-aria-:rf:"
/>
<i
aria-hidden="true"
- class="sc-cEzcPc csQlNh aje-icon material-icons is-medium"
+ class="sc-khLCKb gRpvEI aje-icon material-icons is-medium"
>
arrow_drop_down
</i>
</button>
<label
❯ src/components/Dropdowns/CustomSelect/CustomSelect.spec.tsx:55:33
|
|
src/components/Dropdowns/MultiSelect/MultiSelect.spec.tsx > MultiSelect > matches default variant:
packages/atomic-elements/src/components/Dropdowns/MultiSelect/MultiSelect.spec.tsx#L8
Error: Snapshot `MultiSelect > matches default variant 1` mismatched
- Expected
+ Received
@@ -1,8 +1,8 @@
<DocumentFragment>
<div
- class="sc-fwzISk hoMxeV aje-multiselect sc-hbtGpV jzArLu"
+ class="sc-hJRrWL eQYRpW aje-multiselect sc-fwzISk etxnkv"
>
<label
class="sc-egkSDF eRgKMR"
for="react-aria-:r2:"
id="react-aria-:r3:"
@@ -11,18 +11,18 @@
</label>
<button
aria-expanded="false"
aria-haspopup="listbox"
aria-labelledby="react-aria-:r7: react-aria-:r3:"
- class="sc-ovuCP sc-geXuza jDlmat iViSrT aje-btn sc-hJRrWL hJvkfR aje-btn--dropdown is-medium"
+ class="sc-ovuCP jXkAbD aje-btn sc-geXuza jnQWUQ aje-btn--dropdown is-medium"
id="react-aria-:r2:"
type="button"
>
Select an option
<i
aria-hidden="true"
- class="sc-cEzcPc csQlNh aje-icon material-icons is-medium"
+ class="sc-khLCKb gRpvEI aje-icon material-icons is-medium"
>
arrow_drop_down
</i>
</button>
</div>
❯ src/components/Dropdowns/MultiSelect/MultiSelect.spec.tsx:8:30
|
|
build
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|