Updates #360
main.yml
on: pull_request
Validate and Deploy
2m 40s
Annotations
9 errors and 1 warning
src/hooks/useTheme.test.tsx > useTheme > should return properly:
src/hooks/useTheme.test.tsx#L14
Error: Snapshot `useTheme > should return properly 1` mismatched
- Expected
+ Received
@@ -163,11 +163,11 @@
"semiOpaque": 0.72,
"semiTransparent": 0.08,
},
"opacityDisabled": 0.64,
"outlineOffset": 1,
- "outlineOpacity": 0.4,
+ "outlineOpacity": 0.6,
"outlineWidth": 3,
"outlineZIndex": 10,
"radius": {
"full": "9999px",
"lg": "24px",
❯ src/hooks/useTheme.test.tsx:14:19
|
src/modules/helpers.test.tsx > mergeTheme > should return a modified theme:
src/modules/helpers.test.tsx#L85
Error: Snapshot `mergeTheme > should return a modified theme 1` mismatched
- Expected
+ Received
@@ -163,11 +163,11 @@
"semiOpaque": 0.72,
"semiTransparent": 0.08,
},
"opacityDisabled": 0.64,
"outlineOffset": 1,
- "outlineOpacity": 0.4,
+ "outlineOpacity": 0.6,
"outlineWidth": 3,
"outlineZIndex": 10,
"radius": {
"full": "9999px",
"lg": "24px",
❯ src/modules/helpers.test.tsx:85:7
|
src/modules/helpers.test.tsx > mergeTheme > should return the default theme:
src/modules/helpers.test.tsx#L89
Error: Snapshot `mergeTheme > should return the default theme 1` mismatched
- Expected
+ Received
@@ -163,11 +163,11 @@
"semiOpaque": 0.72,
"semiTransparent": 0.08,
},
"opacityDisabled": 0.64,
"outlineOffset": 1,
- "outlineOpacity": 0.4,
+ "outlineOpacity": 0.6,
"outlineWidth": 3,
"outlineZIndex": 10,
"radius": {
"full": "9999px",
"lg": "24px",
❯ src/modules/helpers.test.tsx:89:26
|
src/modules/system.test.ts > getOutlineStyles > should return properly:
src/modules/system.test.ts#L188
AssertionError: expected { Object (outline, outlineOffset, ...) } to deeply equal { Object (outline, outlineOffset, ...) }
- Expected
+ Received
Object {
- "outline": "#00000066 solid 3px",
+ "outline": "#00000099 solid 3px",
"outlineOffset": "1px",
"zIndex": 10,
}
❯ src/modules/system.test.ts:188:38
|
src/modules/system.test.ts > inputStyles > should return custom styles for "input":
src/modules/system.test.ts#L307
Error: Snapshot `inputStyles > should return custom styles for "input" 1` mismatched
- Expected
+ Received
"
- color: #262626;
+ color: #262626;
- display: block;
+ display: block;
- font-family: inherit;
+ font-family: inherit;
- font-size: 16px;
+ font-size: 16px;
- height: 40px;
+ height: 40px;
- line-height: 1.4;
+ line-height: 1.4;
- padding: 12px 0 12px 40px;
+ padding: 12px 0 12px 40px;
- width: 100%;
+ width: 100%;
-
- background-color: transparent;
+
+ background-color: transparent;
- border: 0;
+ border: 0;
- border-bottom: 1px solid #808080;
+ border-bottom: 1px solid #808080;
- ;
+ ;
- &:focus {
+ &:focus {
-
+
- box-shadow: 0 3px 0 0 #0058ff66;
+ box-shadow: 0 3px 0 0 #0058ff99;
outline: none;
-
- }
-
- &:disabled {
+
+ }
+
+ &:disabled {
-
- background-color: ;
+
+ background-color: ;
- border-color: #e6e6e6;
+ border-color: #e6e6e6;
- color: #4d4d4d;
+ color: #4d4d4d;
- cursor: not-allowed;
+ cursor: not-allowed;
-
- &::placeholder {
+
+ &::placeholder {
- color: #b3b3b3;
+ color: #b3b3b3;
- }
- ;
- ;
- }
-
-
- &::placeholder {
+ }
+ ;
+ ;
+ }
+
+
+ &::placeholder {
- color: #808080;
+ color: #808080;
- }
-
- &:not(:placeholder-shown) {
+ }
+
+ &:not(:placeholder-shown) {
- border-color: #0058ff;
+ border-color: #0058ff;
- }
-
- &:read-only {
+ }
+
+ &:read-only {
-
- background-color: ;
+
+ background-color: ;
- border-color: #e6e6e6;
+ border-color: #e6e6e6;
- color: #4d4d4d;
+ color: #4d4d4d;
- cursor: not-allowed;
+ cursor: not-allowed;
-
- &::placeholder {
+
+ &::placeholder {
- color: #b3b3b3;
+ color: #b3b3b3;
- }
- ;
- ;
- }
- ;
+ }
+ ;
+ ;
+ }
+ ;
"
❯ src/modules/system.test.ts:307:7
|
src/modules/system.test.ts > inputStyles > should return the default styles for "select":
src/modules/system.test.ts#L311
Error: Snapshot `inputStyles > should return the default styles for "select" 1` mismatched
- Expected
+ Received
"
- color: #262626;
+ color: #262626;
- display: block;
+ display: block;
- font-family: inherit;
+ font-family: inherit;
- font-size: 16px;
+ font-size: 16px;
- height: 40px;
+ height: 40px;
- line-height: 1.4;
+ line-height: 1.4;
- padding: 8px 24px 8px 16px;
+ padding: 8px 24px 8px 16px;
- width: 100%;
+ width: 100%;
-
- background-color: #fff;
+
+ background-color: #fff;
- border: 1px solid #808080;
+ border: 1px solid #808080;
- border-radius: 8px;
+ border-radius: 8px;
- ;
-
- &:focus {
+ ;
+
+ &:focus {
-
- outline:#0058ff66 solid 3px;outline-offset:1px;z-index:10;
+
+ outline:#0058ff99 solid 3px;outline-offset:1px;z-index:10;
- }
-
- &:disabled {
+ }
+
+ &:disabled {
-
- background-color: #f7f7f7;
+
+ background-color: #f7f7f7;
- border-color: #e6e6e6;
+ border-color: #e6e6e6;
- color: #4d4d4d;
+ color: #4d4d4d;
- cursor: not-allowed;
+ cursor: not-allowed;
-
- &::placeholder {
+
+ &::placeholder {
- color: #b3b3b3;
+ color: #b3b3b3;
- }
- ;
- ;
- }
-
-
+ }
+ ;
+ ;
+ }
+
+
"
❯ src/modules/system.test.ts:311:70
|
src/modules/system.test.ts > inputStyles > should return the default styles for "textarea":
src/modules/system.test.ts#L315
Error: Snapshot `inputStyles > should return the default styles for "textarea" 1` mismatched
- Expected
+ Received
"
- color: #262626;
+ color: #262626;
- display: block;
+ display: block;
- font-family: inherit;
+ font-family: inherit;
- font-size: 16px;
+ font-size: 16px;
- height: ;
+ height: ;
- line-height: 1.4;
+ line-height: 1.4;
- padding: 8px 40px 8px 16px;
+ padding: 8px 40px 8px 16px;
- width: 100%;
+ width: 100%;
-
- background-color: #fff;
+
+ background-color: #fff;
- border: 1px solid #808080;
+ border: 1px solid #808080;
- border-radius: 8px;
+ border-radius: 8px;
- ;
+ ;
- &:focus {
+ &:focus {
-
- outline:#0058ff66 solid 3px;outline-offset:1px;z-index:10;
+
+ outline:#0058ff99 solid 3px;outline-offset:1px;z-index:10;
- }
-
- &:disabled {
+ }
+
+ &:disabled {
-
- background-color: #f7f7f7;
+
+ background-color: #f7f7f7;
- border-color: #e6e6e6;
+ border-color: #e6e6e6;
- color: #4d4d4d;
+ color: #4d4d4d;
- cursor: not-allowed;
+ cursor: not-allowed;
-
- &::placeholder {
+
+ &::placeholder {
- color: #b3b3b3;
+ color: #b3b3b3;
- }
- ;
- ;
- }
-
-
- &::placeholder {
+ }
+ ;
+ ;
+ }
+
+
+ &::placeholder {
- color: #808080;
+ color: #808080;
- }
-
- &:not(:placeholder-shown) {
+ }
+
+ &:not(:placeholder-shown) {
- border-color: #0058ff;
+ border-color: #0058ff;
- }
-
- &:read-only {
+ }
+
+ &:read-only {
-
- background-color: #f7f7f7;
+
+ background-color: #f7f7f7;
- border-color: #e6e6e6;
+ border-color: #e6e6e6;
- color: #4d4d4d;
+ color: #4d4d4d;
- cursor: not-allowed;
+ cursor: not-allowed;
-
- &::placeholder {
+
+ &::placeholder {
- color: #b3b3b3;
+ color: #b3b3b3;
- }
- ;
- ;
- }
- ;
+ }
+ ;
+ ;
+ }
+ ;
"
❯ src/modules/system.test.ts:315:76
|
src/modules/system.test.ts > outlineStyles > should return properly:
src/modules/system.test.ts#L373
Error: Snapshot `outlineStyles > should return properly 1` mismatched
- Expected
+ Received
"
- @supports not selector(:focus-visible) {
+ @supports not selector(:focus-visible) {
- &:focus {
+ &:focus {
- outline:#ff004466 solid 3px;outline-offset:1px;z-index:10;
+ outline:#ff004499 solid 3px;outline-offset:1px;z-index:10;
- }
- }
-
- &:focus-visible {
+ }
+ }
+
+ &:focus-visible {
- outline:#ff004466 solid 3px;outline-offset:1px;z-index:10;
+ outline:#ff004499 solid 3px;outline-offset:1px;z-index:10;
- }
+ }
"
❯ src/modules/system.test.ts:373:49
|
Validate and Deploy
Process completed with exit code 1.
|
Validate and Deploy
The following actions use a deprecated Node.js version and will be forced to run on node20: zcong1993/setup-timezone@master. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|