Skip to content

Feature/#46 Change Home page design(Homeページのデザインを変更する) #39

Feature/#46 Change Home page design(Homeページのデザインを変更する)

Feature/#46 Change Home page design(Homeページのデザインを変更する) #39

GitHub Actions / Tests annotations (🧪 jest-coverage-report-action) failed Dec 23, 2023 in 0s

Test suite run failed

Failed tests: 1/121. Failed suites: 1/17.

Details

Created failed tests' annotations. To disable them, see documentation.

  ● src/app/about/page.test.tsx › should render About page with PageLayout and ContentLayout

    expect(received).toHaveLength(expected)

    Expected length: 2
    Received length: 1
    Received array:  [<div class="z-0 inline-block h-full w-full mt-40" role="presentation"><div class="flex-center mx-auto w-full overflow-hidden py-2 text-center"><h1 class="inline-block w-full text-8xl font-bold text-dark mb-16" style="opacity: 1;"><span class="inline-block" style="opacity: 0; transform: translateY(50px) translateZ(0);">Persistence </span><span class="inline-block" style="opacity: 0; transform: translateY(50px) translateZ(0);">pays </span><span class="inline-block" style="opacity: 0; transform: translateY(50px) translateZ(0);">off! </span></h1></div><div class="mx-auto grid w-full max-w-screen-xl grid-cols-3 pt-24 font-sans text-dark" role="grid"><div class="col-span-1 flex flex-col px-4"><div class="flex-center relative"><img … /><div … /></div><div class="py-6"><h2 … /></div><div class="pb-8 text-lg">Hi, there, I'm Yuta. Nice to see you!</div><ul><li … /><li … /><li … /></ul><span class="my-8 block h-[1px] w-full bg-geyser" /><div class="flex flex-col pb-6"><h3 … /><div … /></div></div><div class="col-span-2 flex flex-col rounded-md border border-geyser p-6"><div class="flex-between mb-5"><span … /><svg … /></div><div class="mb-16"><h4 … /><h3 … /><span … /><div … /></div><div class="mb-16"><h4 … /><div … /></div><div class="mb-16"><h4 … /><div … /></div><div class="mb-16"><h4 … /><img … /></div><div><h4 … /><img … /></div></div></div></div>]

       7 |     render(<Page />);
       8 |     const layouts = screen.getAllByRole('presentation');
    >  9 |     expect(layouts).toHaveLength(2);
         |                     ^
      10 |     layouts.map((layout) => expect(layout).toBeInTheDocument());
      11 |   });
      12 |

      at Object.toHaveLength (src/app/about/page.test.tsx:9:21)

Annotations

Check failure on line 6 in src/app/about/page.test.tsx

See this annotation in the file changed.

@github-actions github-actions / Tests annotations (🧪 jest-coverage-report-action)

src/app/about/page.test.tsx > should render About page with PageLayout and ContentLayout

Error: expect(received).toHaveLength(expected)

Expected length: 2
Received length: 1
Received array:  [<div class="z-0 inline-block h-full w-full mt-40" role="presentation"><div class="flex-center mx-auto w-full overflow-hidden py-2 text-center"><h1 class="inline-block w-full text-8xl font-bold text-dark mb-16" style="opacity: 1;"><span class="inline-block" style="opacity: 0; transform: translateY(50px) translateZ(0);">Persistence </span><span class="inline-block" style="opacity: 0; transform: translateY(50px) translateZ(0);">pays </span><span class="inline-block" style="opacity: 0; transform: translateY(50px) translateZ(0);">off! </span></h1></div><div class="mx-auto grid w-full max-w-screen-xl grid-cols-3 pt-24 font-sans text-dark" role="grid"><div class="col-span-1 flex flex-col px-4"><div class="flex-center relative"><img … /><div … /></div><div class="py-6"><h2 … /></div><div class="pb-8 text-lg">Hi, there, I'm Yuta. Nice to see you!</div><ul><li … /><li … /><li … /></ul><span class="my-8 block h-[1px] w-full bg-geyser" /><div class="flex flex-col pb-6"><h3 … /><div … /></div></div><div class="col-span-2 flex flex-col rounded-md border border-geyser p-6"><div class="flex-between mb-5"><span … /><svg … /></div><div class="mb-16"><h4 … /><h3 … /><span … /><div … /></div><div class="mb-16"><h4 … /><div … /></div><div class="mb-16"><h4 … /><div … /></div><div class="mb-16"><h4 … /><img … /></div><div><h4 … /><img … /></div></div></div></div>]
    at Object.toHaveLength (/home/runner/work/bear29ers.com/bear29ers.com/src/app/about/page.test.tsx:9:21)
    at Promise.then.completed (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/utils.js:293:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/utils.js:226:10)
    at _callCircusTest (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/run.js:297:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/run.js:233:3)
    at _runTestsForDescribeBlock (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/run.js:135:9)
    at _runTestsForDescribeBlock (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/run.js:130:9)
    at run (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/run.js:68:3)
    at runAndTransformResultsToJestFormat (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (/home/runner/work/bear29ers.com/bear29ers.com/node_modules/jest-runner/build/testWorker.js:106:12)