Error: expect(received).toMatchSnapshot() Snapshot name: `Storybook Tests > theme/Toke v2 Demo > Styled 1` - Snapshot - 3 + Received + 3 @@ -260,11 +260,11 @@ className="c9" > <img alt="Title" className="c10" - src="https://loremflickr.com/150/100/animals?random=0" + src="https://loremflickr.com/150/100/animals?random=0&lock=0" /> <h3 className="c11" > Title @@ -281,11 +281,11 @@ className="c9" > <img alt="Title" className="c10" - src="https://loremflickr.com/150/100/animals?random=1" + src="https://loremflickr.com/150/100/animals?random=1&lock=1" /> <h3 className="c11" > Title @@ -302,11 +302,11 @@ className="c9" > <img alt="Title" className="c10" - src="https://loremflickr.com/150/100/animals?random=2" + src="https://loremflickr.com/150/100/animals?random=2&lock=2" /> <h3 className="c11" > Title - 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-height: var(--charcoal-text-line-height-caption-m); font-weight: bold; } .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);

Error: expect(received).toMatchSnapshot() Snapshot name: `Storybook Tests > theme/Toke v2 Demo > Tailwind 1` - Snapshot - 3 + Received + 3 @@ -109,11 +109,11 @@ className="grid gap-layout-10" > <img alt="Title" className="rounded-m aspect-[3/2] w-[100%]" - src="https://loremflickr.com/150/100/animals?random=0" + src="https://loremflickr.com/150/100/animals?random=0&lock=0" /> <h3 className="text-text text-caption-m m-0" > Title @@ -130,11 +130,11 @@ className="grid gap-layout-10" > <img alt="Title" className="rounded-m aspect-[3/2] w-[100%]" - src="https://loremflickr.com/150/100/animals?random=1" + src="https://loremflickr.com/150/100/animals?random=1&lock=1" /> <h3 className="text-text text-caption-m m-0" > Title @@ -151,11 +151,11 @@ className="grid gap-layout-10" > <img alt="Title" className="rounded-m aspect-[3/2] w-[100%]" - src="https://loremflickr.com/150/100/animals?random=2" + src="https://loremflickr.com/150/100/animals?random=2&lock=2" /> <h3 className="text-text text-caption-m m-0" > Title - Expected + Received <div data-dark={false} > <section className="grid max-w-fit gap-[24px]" > <nav> <div aria-label="Categories" role="tablist" > <a aria-controls="panel-Illustration" aria-selected={true} className="text-text-tertiary hover:text-text-tertiary-hover active:text-text-tertiary-press text-body px-component-30 border-t-l cursor-pointer border-[0px] border-solid py-[13px] font-bold border-selected text-text" id="category-Illustration" onClick={[Function]} role="tab" > Illustration </a> <a aria-controls="panel-Comic" aria-selected={false} className="text-text-tertiary hover:text-text-tertiary-hover active:text-text-tertiary-press text-body px-component-30 border-t-l cursor-pointer border-[0px] border-solid py-[13px] font-bold border-[transparent]" id="category-Comic" onClick={[Function]} role="tab" > Comic </a> <a aria-controls="panel-Novel" aria-selected={false} className="text-text-tertiary hover:text-text-tertiary-hover active:text-text-tertiary-press text-body px-component-30 border-t-l cursor-pointer border-[0px] border-solid py-[13px] font-bold border-[transparent]" id="category-Novel" onClick={[Function]} role="tab" > Novel </a> <a aria-controls="panel-3D" aria-selected={false} className="text-text-tertiary hover:text-text-tertiary-hover active:text-text-tertiary-press text-body px-component-30 border-t-l cursor-pointer border-[0px] border-solid py-[13px] font-bold border-[transparent]" id="category-3D" onClick={[Function]} role="tab" > 3D </a> <a aria-controls="panel-Shopping" aria-selected={false} className="text-text-tertiary hover:text-text-tertiary-hover active:text-text-tertiary-press text-body px-component-30 border-t-l cursor-pointer border-[0px] border-solid py-[13px] font-bold border-[transparent]" id="category-Shopping" onClick={[Function]} role="tab" > Shopping </a> </div> </nav> <h2 className="text-text-secondary text-headi

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636