fix: fix TextField error when responsive size prop passed #3199
YimJiYoungAnnotations
10 errors and 6 warnings
|
chromatic
non-zero exit code
|
|
<TableSearch /> › when component is rendering › match snapshot:
packages/vibrant-components/src/lib/TableSearch/TableSearch.spec.tsx#L38
expect(received).toMatchSnapshot()
Snapshot name: `<TableSearch /> when component is rendering match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -248,20 +248,19 @@
.emotion-11 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 9px;
padding-left: 8px;
padding-bottom: 9px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-12 {
display: -webkit-box;
display: -webkit-flex;
@@ -316,20 +315,19 @@
.emotion-13 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-15 {
display: -webkit-box;
display: -webkit-flex;
@@ -534,11 +532,10 @@
<div
class="emotion-10"
>
<span
class="emotion-11"
- data-testid="body"
/>
<input
autocapitalize="none"
autocomplete="off"
class="emotion-12"
@@ -546,11 +543,10 @@
type="search"
value=""
/>
<span
class="emotion-13"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-4"
at Object.<anonymous> (src/lib/TableSearch/TableSearch.spec.tsx:38:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
<PasswordField /> › when size is lg › match snapshot:
packages/vibrant-components/src/lib/PasswordField/PasswordField.spec.tsx#L16
expect(received).toMatchSnapshot()
Snapshot name: `<PasswordField /> when size is lg match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -163,20 +163,19 @@
.emotion-7 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 23px;
padding-left: 15px;
padding-bottom: 7px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-8 {
display: -webkit-box;
display: -webkit-flex;
@@ -231,20 +230,19 @@
.emotion-9 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 23px;
padding-right: 12px;
padding-bottom: 7px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-11 {
display: -webkit-box;
display: -webkit-flex;
@@ -331,11 +329,10 @@
<div
class="emotion-6"
>
<span
class="emotion-7"
- data-testid="body"
/>
<input
autocomplete="current-password"
class="emotion-8"
inputmode="text"
@@ -343,11 +340,10 @@
type="password"
value=""
/>
<span
class="emotion-9"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-2"
at Object.<anonymous> (src/lib/PasswordField/PasswordField.spec.tsx:16:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
<PasswordField /> › when size is md › match snapshot:
packages/vibrant-components/src/lib/PasswordField/PasswordField.spec.tsx#L26
expect(received).toMatchSnapshot()
Snapshot name: `<PasswordField /> when size is md match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -163,20 +163,19 @@
.emotion-7 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 15px;
padding-left: 9px;
padding-bottom: 3px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-8 {
display: -webkit-box;
display: -webkit-flex;
@@ -231,20 +230,19 @@
.emotion-9 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 15px;
padding-right: 8px;
padding-bottom: 3px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-11 {
display: -webkit-box;
display: -webkit-flex;
@@ -331,11 +329,10 @@
<div
class="emotion-6"
>
<span
class="emotion-7"
- data-testid="body"
/>
<input
autocomplete="current-password"
class="emotion-8"
inputmode="text"
@@ -343,11 +340,10 @@
type="password"
value=""
/>
<span
class="emotion-9"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-2"
at Object.<anonymous> (src/lib/PasswordField/PasswordField.spec.tsx:26:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
<PasswordField /> › when size is sm › match snapshot:
packages/vibrant-components/src/lib/PasswordField/PasswordField.spec.tsx#L36
expect(received).toMatchSnapshot()
Snapshot name: `<PasswordField /> when size is sm match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -163,20 +163,19 @@
.emotion-7 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.75rem;
+ line-height: 1rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 12px;
padding-left: 7px;
padding-bottom: 0;
- font-size: 0.75rem;
- line-height: 1rem;
- font-weight: 400;
}
.emotion-8 {
display: -webkit-box;
display: -webkit-flex;
@@ -231,20 +230,19 @@
.emotion-9 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.75rem;
+ line-height: 1rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 12px;
padding-right: 6px;
padding-bottom: 0;
- font-size: 0.75rem;
- line-height: 1rem;
- font-weight: 400;
}
.emotion-11 {
display: -webkit-box;
display: -webkit-flex;
@@ -331,11 +329,10 @@
<div
class="emotion-6"
>
<span
class="emotion-7"
- data-testid="body"
/>
<input
autocomplete="current-password"
class="emotion-8"
inputmode="text"
@@ -343,11 +340,10 @@
type="password"
value=""
/>
<span
class="emotion-9"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-2"
at Object.<anonymous> (src/lib/PasswordField/PasswordField.spec.tsx:36:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
<TextField /> › when size is lg › match snapshot:
packages/vibrant-components/src/lib/TextField/TextField.spec.tsx#L16
expect(received).toMatchSnapshot()
Snapshot name: `<TextField /> when size is lg match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -163,20 +163,19 @@
.emotion-7 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 23px;
padding-left: 15px;
padding-bottom: 7px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-8 {
display: -webkit-box;
display: -webkit-flex;
@@ -231,20 +230,19 @@
.emotion-9 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 23px;
padding-right: 15px;
padding-bottom: 7px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
<div>
<div
class="emotion-0"
@@ -273,11 +271,10 @@
<div
class="emotion-6"
>
<span
class="emotion-7"
- data-testid="body"
/>
<input
autocapitalize="none"
autocomplete="off"
class="emotion-8"
@@ -286,11 +283,10 @@
type="text"
value=""
/>
<span
class="emotion-9"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-2"
at Object.<anonymous> (src/lib/TextField/TextField.spec.tsx:16:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
<TextField /> › when size is md › match snapshot:
packages/vibrant-components/src/lib/TextField/TextField.spec.tsx#L26
expect(received).toMatchSnapshot()
Snapshot name: `<TextField /> when size is md match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -163,20 +163,19 @@
.emotion-7 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 15px;
padding-left: 9px;
padding-bottom: 3px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-8 {
display: -webkit-box;
display: -webkit-flex;
@@ -231,20 +230,19 @@
.emotion-9 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 15px;
padding-right: 9px;
padding-bottom: 3px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
<div>
<div
class="emotion-0"
@@ -273,11 +271,10 @@
<div
class="emotion-6"
>
<span
class="emotion-7"
- data-testid="body"
/>
<input
autocapitalize="none"
autocomplete="off"
class="emotion-8"
@@ -286,11 +283,10 @@
type="text"
value=""
/>
<span
class="emotion-9"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-2"
at Object.<anonymous> (src/lib/TextField/TextField.spec.tsx:26:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
<TextField /> › when size is sm › match snapshot:
packages/vibrant-components/src/lib/TextField/TextField.spec.tsx#L36
expect(received).toMatchSnapshot()
Snapshot name: `<TextField /> when size is sm match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -163,20 +163,19 @@
.emotion-7 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.75rem;
+ line-height: 1rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 12px;
padding-left: 7px;
padding-bottom: 0;
- font-size: 0.75rem;
- line-height: 1rem;
- font-weight: 400;
}
.emotion-8 {
display: -webkit-box;
display: -webkit-flex;
@@ -231,20 +230,19 @@
.emotion-9 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.75rem;
+ line-height: 1rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 12px;
padding-right: 7px;
padding-bottom: 0;
- font-size: 0.75rem;
- line-height: 1rem;
- font-weight: 400;
}
<div>
<div
class="emotion-0"
@@ -273,11 +271,10 @@
<div
class="emotion-6"
>
<span
class="emotion-7"
- data-testid="body"
/>
<input
autocapitalize="none"
autocomplete="off"
class="emotion-8"
@@ -286,11 +283,10 @@
type="text"
value=""
/>
<span
class="emotion-9"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-2"
at Object.<anonymous> (src/lib/TextField/TextField.spec.tsx:36:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
<TableSearchField /> › when maxWidth is default › match snapshot:
packages/vibrant-components/src/lib/TableSearch/TableSearchField/TableSearchField.spec.tsx#L16
expect(received).toMatchSnapshot()
Snapshot name: `<TableSearchField /> when maxWidth is default match snapshot 1`
- Snapshot - 8
+ Received + 4
@@ -221,20 +221,19 @@
.emotion-10 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 9px;
padding-left: 8px;
padding-bottom: 9px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
.emotion-11 {
display: -webkit-box;
display: -webkit-flex;
@@ -289,20 +288,19 @@
.emotion-12 {
text-align: left;
color: #5b5b5b;
-webkit-text-fill-color: #5b5b5b;
text-fill-color: #5b5b5b;
+ font-size: 0.875rem;
+ line-height: 1.125rem;
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 9px;
- font-size: 0.875rem;
- line-height: 1.125rem;
- font-weight: 400;
}
<div>
<div
class="emotion-0"
@@ -344,11 +342,10 @@
<div
class="emotion-9"
>
<span
class="emotion-10"
- data-testid="body"
/>
<input
autocapitalize="none"
autocomplete="off"
class="emotion-11"
@@ -356,11 +353,10 @@
type="search"
value=""
/>
<span
class="emotion-12"
- data-testid="body"
/>
</div>
</div>
<div
class="emotion-3"
at Object.<anonymous> (src/lib/TableSearch/TableSearchField/TableSearchField.spec.tsx:16:34)
at runTestInternal (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:231:22)
at runTest (../../node_modules/@kayahr/jest-electron-runner/src/main/electron/runTest.ts:309:38)
at EventEmitter.<anonymous> (../../file:/home/runner/work/opensource/opensource/node_modules/@kayahr/jest-electron-runner/src/main/electron/browser_window_injected_code.ts:33:28)
|
|
ci
The process '/usr/bin/xvfb-run' failed with exit code 1
|
|
chromatic
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
ci
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/
|
|
ci
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/
|
|
ci
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v2, actions/cache@v3, GabrielBB/xvfb-action@v1. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
ci
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, GabrielBB/xvfb-action@v1. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
|
|
ci
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/
|