Skip to content

upgrade react 18

upgrade react 18 #2067

Triggered via pull request December 24, 2024 20:39
Status Failure
Total duration 3m 15s
Artifacts

test.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

2 errors and 5 warnings
.storybook/storybook.test.ts > Storybook Tests > theme/Toke v2 Demo > Styled: .storybook/storybook.test.ts#L98
Error: expect(received).toMatchSnapshot() Snapshot name: `Storybook Tests > theme/Toke v2 Demo > Styled 1` - Snapshot - 13 + Received + 2 @@ -1,12 +1,9 @@ .c0 { - -webkit-transition: 0.3s color ease-in-out; transition: 0.3s color ease-in-out; display: grid; gap: 24px; - max-width: -webkit-fit-content; - max-width: -moz-fit-content; max-width: fit-content; } .c2 { margin: 0; @@ -53,17 +50,11 @@ .c4 { grid-area: UserInfo; display: grid; grid-auto-flow: column; - -webkit-box-pack: left; - -webkit-justify-content: left; - -ms-flex-pack: left; justify-content: left; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; gap: var(--charcoal-space-layout-20); } .c5 { @@ -97,12 +88,10 @@ .c7 { grid-area: ShowAll; cursor: pointer; color: var(--charcoal-color-text-tertiary-default); text-align: right; - -webkit-align-content: center; - -ms-flex-line-pack: center; align-content: center; font-size: var(--charcoal-text-font-size-caption-m); line-height: var(--charcoal-text-line-height-caption-m); } @@ -115,11 +104,11 @@ } .c8 { grid-area: ArtworkList; display: grid; - grid-template-columns: repeat(3,1fr); + grid-template-columns: repeat(3, 1fr); gap: var(--charcoal-space-layout-20); list-style: none; padding: 0; max-width: 424px; } @@ -129,11 +118,11 @@ gap: var(--charcoal-space-layout-10); } .c10 { width: 100%; - aspect-ratio: 3 / 2; + aspect-ratio: 3/2; border-radius: var(--charcoal-radius-m); } .c11 { color: var(--charcoal-color-text-default); - Expected + Received .c0 { - -webkit-transition: 0.3s color ease-in-out; transition: 0.3s color ease-in-out; display: grid; gap: 24px; - max-width: -webkit-fit-content; - max-width: -moz-fit-content; max-width: fit-content; } .c2 { margin: 0; color: var(--charcoal-color-text-secondary-default); font-size: var(--charcoal-text-font-size-heading-xs); line-height: var(--charcoal-text-line-height-heading-xs); } .c1 { cursor: pointer; font-weight: bold; font-size: var(--charcoal-text-font-size-body); line-height: var(--charcoal-text-line-height-body); padding: 13px var(--charcoal-space-layout-30); border-top: 2px transparent; color: var(--charcoal-color-text-tertiary-default); } .c1:hover { color: var(--charcoal-color-text-tertiary-hover); } .c1:active { color: var(--charcoal-color-text-tertiary-press); } .c1[aria-selected='true'] { color: var(--charcoal-color-text-default); border-top: 2px solid var(--charcoal-color-border-selected); } .c1[aria-selected='true']:hover { color: var(--charcoal-color-text-hover); } .c1[aria-selected='true']:active { color: var(--charcoal-color-text-press); } .c3 { display: grid; grid-template-areas: 'UserInfo . ShowAll' 'ArtworkList ArtworkList ArtworkList'; } .c4 { grid-area: UserInfo; display: grid; grid-auto-flow: column; - -webkit-box-pack: left; - -webkit-justify-content: left; - -ms-flex-pack: left; justify-content: left; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; gap: var(--charcoal-space-layout-20); } .c5 { width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--charcoal-radius-oval); cursor: pointer; color: var(--charcoal-color-icon-default); background-color: var(--charcoal-color-container-secondary-default); } .c5:hover { color: var(--charcoal-color-icon-hover); background-color: var(--charcoal-color-container-secondary-hover); } .c5:active { color: var(--charcoal-color-icon-press); background-color: var(--charcoal-color-container-secondary-press); } .c6 { color: var(--charcoal-color-text-default); font-size: var(--charcoal-text-font-size-caption-m); line-heig
test
Process completed with exit code 1.
build
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
test
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
typecheck
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
typecheck-config
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636