Skip to content
Publish Package to npm

Fix selector issue 3 #1178

Sign in to view logs

Fix selector issue 3

Fix selector issue 3 #1178

Triggered via pull request November 19, 2025 07:57
@owjs3901owjs3901
opened #495
fix-selector-issue-3
Status Failure
Total duration 5m 27s
Artifacts –

publish.yml

on: pull_request
benchmark
5m 20s
benchmark
publish
4m 22s
publish
Fit to window
Zoom out
Zoom in

Annotations

10 errors
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should pass className prop to icon component: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L132
Error: Snapshot `Input > should pass className prop to icon component 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <div aria-label="icon" class="icon display-0-flex--0 justify-content-0-center--0 align-items-0-center--0 height-0-24px--1 width-0-24px--1 left-0-12px--1 position-0-absolute--1 top-0-50%--1 transform-0-translateY(-50%)--1 color-0-var(--iconBold,light-dark(#8D8C9A,#666577))--1" > ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:132:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should pass className prop to error message component: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L117
Error: Snapshot `Input > should pass className prop to error message component 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--error,light-dark(#D52B2E,#FF5B5E))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:117:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should have typography when typography is provided: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L103
Error: Snapshot `Input > should have typography when typography is provided 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 typo-inlineLabelS" value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:103:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should render error style when error is true: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L68
Error: Snapshot `Input > should render error style when error is true 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--error,light-dark(#D52B2E,#FF5B5E))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:68:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should not show clear button when value is empty: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L46
Error: Snapshot `Input > should not show clear button when value is empty 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:46:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should show clear button when value is not empty: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L37
Error: Snapshot `Input > should show clear button when value is not empty 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:37:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should not have padding right when allowClear is false: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L29
Error: Snapshot `Input > should not have padding right when allowClear is false 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-12px--1 " value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:29:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should render with allowClear prop: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L21
Error: Snapshot `Input > should render with allowClear prop 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:21:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should render with disabled prop: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L16
Error: Snapshot `Input > should render with disabled prop 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " disabled="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:16:23
packages/components/src/components/Input/__tests__/index.browser.test.tsx > Input > should render with default props: packages/components/src/components/Input/__tests__/index.browser.test.tsx#L11
Error: Snapshot `Input > should render with default props 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div> <div - class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255" + class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255" > <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value="" ❯ packages/components/src/components/Input/__tests__/index.browser.test.tsx:11:23