feat: add big card layout #6321
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
|