Feature/#52 implement page transition（ページトランジションを実装する） #44

Test suite run failed

Failed tests: 3/134. Failed suites: 1/18.

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

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

    TestingLibraryElementError: Unable to find an accessible element with the role "presentation"

    There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole

    Ignored nodes: comments, script, style
    <body>
      <div>
        <div
          class="overflow-hidden"
          style="opacity: 0; transform: translateX(0px) translateY(200px) translateZ(0);"
        >
          children
        </div>
      </div>
    </body>

       6 |   it('should render About page with ContentLayout', () => {
       7 |     const { getByRole } = render(<Page />);
    >  8 |     expect(getByRole('presentation')).toBeInTheDocument();
         |            ^
       9 |   });
      10 |
      11 |   it('should render Animated text heading', () => {

      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
      at Object.getByRole (src/app/about/page.test.tsx:8:12)

  ● src/app/about/page.test.tsx › should render Animated text heading

    TestingLibraryElementError: Unable to find an accessible element with the role "heading"

    There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole

    Ignored nodes: comments, script, style
    <body>
      <div>
        <div
          class="overflow-hidden"
          style="opacity: 0; transform: translateX(0px) translateY(200px) translateZ(0);"
        >
          children
        </div>
      </div>
    </body>

      11 |   it('should render Animated text heading', () => {
      12 |     const { getByRole } = render(<Page />);
    > 13 |     expect(getByRole('heading', { level: 1 })).toBeInTheDocument();
         |            ^
      14 |   });
      15 |
      16 |   it('should render Profile component', () => {

      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
      at Object.getByRole (src/app/about/page.test.tsx:13:12)

  ● src/app/about/page.test.tsx › should render Profile component

    TestingLibraryElementError: Unable to find an accessible element with the role "grid"

    There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole

    Ignored nodes: comments, script, style
    <body>
      <div>
        <div
          class="overflow-hidden"
          style="opacity: 0; transform: translateX(0px) translateY(200px) translateZ(0);"
        >
          children
        </div>
      </div>
    </body>

      16 |   it('should render Profile component', () => {
      17 |     const { getByRole } = render(<Page />);
    > 18 |     expect(getByRole('grid')).toBeInTheDocument();
         |            ^
      19 |   });
      20 | });
      21 |

      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
      at Object.getByRole (src/app/about/page.test.tsx:18:12)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feature/#52 implement page transition（ページトランジションを実装する） #44

Tests annotations (🧪 jest-coverage-report-action)

Feature/#52 implement page transition（ページトランジションを実装する） #44

Jobs

Run details

Test suite run failed

Details

Annotations

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

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

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

Re-running jobs...