Skip to content

feat: add big card layout #6321

feat: add big card layout

feat: add big card layout #6321

Triggered via pull request January 6, 2025 11:01
Status Failure
Total duration 2m 30s
Artifacts

test.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

6 errors and 1 warning
src/CollapsibleText/CollapsibleText.stories.tsx > Uncollapsed: src/CollapsibleText/CollapsibleText.stories.tsx#L46
AssertionError: Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/common-collapsibletext--uncollapsed&addonPanel=storybook/test/panel expected 91 to be greater than 100 ❯ play src/CollapsibleText/CollapsibleText.stories.tsx:46:6 ❯ ../../../../../node_modules/.vite/deps/@storybook_experimental-addon-test_internal_test-utils.js:53:112
src/Card/big/BigCard.stories.tsx > Default: src/Card/big/BigCard.stories.tsx#L76
TestingLibraryElementError: Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/common-bigcard--default&addonPanel=storybook/test/panel Found multiple elements with the text: 6th grade at school Here are the matching elements: Ignored nodes: comments, script, style <span class="MuiTypography-root MuiTypography-body2 MuiTypography-noWrap css-1o0jk76-MuiTypography-root" > 6th grade at school </span> Ignored nodes: comments, script, style <span class="MuiTypography-root MuiTypography-body2 MuiTypography-noWrap css-1o0jk76-MuiTypography-root" > 6th grade at school </span> (If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)). Ignored nodes: comments, script, style <div> <div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1fe05rm-MuiPaper-root-MuiCard-root" style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);" > <div class="MuiStack-root css-1i6bo13-MuiStack-root" > <div class="MuiBox-root css-0" style="height: 100%; min-width: 30%;" > <a href="/link" > <div class="MuiStack-root css-14mpegc-MuiStack-root" > <img alt="my card title" class="css-9i57ph" src="/test-assets/big_photo.jpg" /> </div> </a> </div> <div class="MuiStack-root css-9at8s1-MuiStack-root" > <div class="MuiStack-root css-hwnj0i-MuiStack-root" > <div class="MuiStack-root css-nen11g-MuiStack-root" > <a href="/link" style="text-decoration: unset; color: unset; height: 100%; display: block;" > <div class="quill css-10pboav" > <div class="ql-snow ql-disabled" > <div class="ql-editor" style="padding: 0px;" > <div class="MuiBox-root css-a4qu40" > <h2> my card title </h2> Tempor volutpat eget varius nisl cursus. Fusce cras commodo adipiscing dictumst gravida pharetra velit. Fusce cras commodo adipiscing dictumst gravida pharetra velit. Fusce cras commodo adipiscing dictumst gravida pharetra velit. Enim cursus ultrices in natoque. Faucibus porttitor posuere consequat congue aliquam. Sapien tempus blandit massa rhoncus </div> </div> </div> </div> </a> </div> </div> <div class="MuiStack-root css-440tdd-MuiStack-root" > <div class="MuiStack-root css-gmwslw-MuiStack-root" > <button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-3h7t7o-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg class="lucide lucide-heart" fill="#5050d2" height="24" stroke="#5050d2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" > <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /> </svg> <p class="MuiTypography-root MuiTypography-body2 css-1yobruq-MuiTypography-root" > 213
src/Card/big/BigCard.stories.tsx > With Link: src/Card/big/BigCard.stories.tsx#L180
Error: Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/common-bigcard--with-link&addonPanel=storybook/test/panel expect(received).toBeVisible() received value must be an HTMLElement or an SVGElement. ❯ play src/Card/big/BigCard.stories.tsx:180:62 ❯ ../../../../../node_modules/.vite/deps/@storybook_experimental-addon-test_internal_test-utils.js:53:112
src/Card/big/BigCard.stories.tsx > With Link Component: src/Card/big/BigCard.stories.tsx#L200
Error: Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/common-bigcard--with-link-component&addonPanel=storybook/test/panel expect(received).toBeVisible() received value must be an HTMLElement or an SVGElement. ❯ play src/Card/big/BigCard.stories.tsx:200:6 ❯ ../../../../../node_modules/.vite/deps/@storybook_experimental-addon-test_internal_test-utils.js:53:112
src/Card/big/BigCard.stories.tsx > With Link For Tags: src/Card/big/BigCard.stories.tsx#L226
Error: Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/common-bigcard--with-link-for-tags&addonPanel=storybook/test/panel expect(received).toBeVisible() received value must be an HTMLElement or an SVGElement. ❯ play src/Card/big/BigCard.stories.tsx:226:6 ❯ ../../../../../node_modules/.vite/deps/@storybook_experimental-addon-test_internal_test-utils.js:53:112
test
Process completed with exit code 1.
test
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636