Skip to content
Test - Unit and Snapshot

Custom buttons: menu items, single video #52

Sign in to view logs

Custom buttons: menu items, single video

Custom buttons: menu items, single video #52

Triggered via pull request October 29, 2024 05:42
@pawelkmptpawelkmpt
opened #13
pawel/feat/custom-buttons
Status Failure
Total duration 1m 45s
Artifacts –

test-unit-snapshot.yml

on: pull_request
Matrix: test
Fit to window
Zoom out
Zoom in

Annotations

5 errors and 1 warning
src/containers/Cinema/Cinema.test.tsx > <Cinema> > renders and matches snapshot: packages/ui-react/src/containers/Cinema/Cinema.test.tsx#L54
Error: Snapshot `<Cinema> > renders and matches snapshot 1` mismatched - Expected + Received @@ -69,20 +69,20 @@ </div> </div> </div> </div> <div - class="_error_41dece" + class="_loadingOverlay_eb61cb _inline_eb61cb" > - <h2 - class="_title_41dece" + <div + class="_buffer_d122df" > - player_error.user_blocked_title - </h2> - <p> - player_error.user_blocked_description - </p> + <div /> + <div /> + <div /> + <div /> + </div> </div> </div> </div> </div> </div> ❯ src/containers/Cinema/Cinema.test.tsx:54:25
src/containers/Layout/Layout.test.tsx > <Layout /> > renders layout: packages/ui-react/src/containers/Layout/Layout.test.tsx#L20
Error: Snapshot `<Layout /> > renders layout 1` mismatched - Expected + Received @@ -56,12 +56,37 @@ </a> </li> </ul> </nav> <div + class="_customActions_f4f7a7" + /> + <div class="_actions_f4f7a7" - /> + > + <button + aria-controls="language-panel" + aria-expanded="false" + aria-haspopup="menu" + aria-label="language_menu" + class="_iconButton_0fef65 _iconButton_f4f7a7 _actionButton_f4f7a7" + data-testid="language-menu-button" + type="button" + > + <svg + aria-hidden="true" + class="_icon_585b29" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z" + fill="currentColor" + /> + </svg> + </button> + </div> </div> </header> <main class="_main_c71437" id="content" ❯ src/containers/Layout/Layout.test.tsx:20:23
src/components/Header/Header.test.tsx > <Header /> > renders header: packages/ui-react/src/components/Header/Header.test.tsx#L54
Error: Snapshot `<Header /> > renders header 1` mismatched - Expected + Received @@ -40,10 +40,13 @@ class="_nav_f4f7a7" > a </nav> <div + class="_customActions_f4f7a7" + /> + <div class="_actions_f4f7a7" > <button aria-label="Open search" class="_iconButton_0fef65 _iconButton_f4f7a7 _actionButton_f4f7a7" @@ -55,10 +58,31 @@ viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" + /> + </svg> + </button> + <button + aria-controls="language-panel" + aria-expanded="false" + aria-haspopup="menu" + aria-label="language_menu" + class="_iconButton_0fef65 _iconButton_f4f7a7 _actionButton_f4f7a7" + data-testid="language-menu-button" + type="button" + > + <svg + aria-hidden="true" + class="_icon_585b29" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z" + fill="currentColor" /> </svg> </button> <div class="_buttonContainer_f4f7a7" ❯ src/components/Header/Header.test.tsx:54:23
src/components/Header/Header.test.tsx > <Header /> > renders header with nav buttons: packages/ui-react/src/components/Header/Header.test.tsx#L92
Error: Snapshot `<Header /> > renders header with nav buttons 1` mismatched - Expected + Received @@ -47,10 +47,13 @@ a </li> </ul> </nav> <div + class="_customActions_f4f7a7" + /> + <div class="_actions_f4f7a7" > <button aria-label="Open search" class="_iconButton_0fef65 _iconButton_f4f7a7 _actionButton_f4f7a7" @@ -62,10 +65,31 @@ viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" + /> + </svg> + </button> + <button + aria-controls="language-panel" + aria-expanded="false" + aria-haspopup="menu" + aria-label="language_menu" + class="_iconButton_0fef65 _iconButton_f4f7a7 _actionButton_f4f7a7" + data-testid="language-menu-button" + type="button" + > + <svg + aria-hidden="true" + class="_icon_585b29" + viewBox="0 0 24 24" + xmlns="http://www.w3.org/2000/svg" + > + <path + d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z" + fill="currentColor" /> </svg> </button> <div class="_buttonContainer_f4f7a7" ❯ src/components/Header/Header.test.tsx:92:23
test (18.x)
Process completed with exit code 1.
test (18.x)
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/