Skip to content
Test - Unit and Snapshot

Feat / implement tile slider (2) #706

Sign in to view logs

Feat / implement tile slider (2)

Feat / implement tile slider (2) #706

Triggered via pull request June 21, 2024 11:00
@royschutroyschut
synchronize #198
feat/implement-tile-slider-2
Status Failure
Total duration 1m 55s
Artifacts –

test-unit-snapshot.yml

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

Annotations

10 errors and 1 warning
src/components/Card/Card.test.tsx > <Card> > renders the image with the image prop when valid: packages/ui-react/src/components/Card/Card.test.tsx#L26
TestingLibraryElementError: Unable to find an element with the alt text: Ignored nodes: comments, script, style <body> <div> <a class="_card_d75732" data-testid="This is a movie" href="https://test.dummy.jwplayer.com" role="button" tabindex="0" > <div class="_titleContainer_d75732" > <h3 class="_title_d75732" > This is a movie </h3> </div> <div class="_poster_d75732 _aspect169_d75732" > <div class="_meta_d75732" > <div class="_tags_d75732" > <div aria-label="card_lock" class="_tag_d75732 _lock_d75732" role="img" > <svg aria-hidden="true" class="_icon_585b29" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <path d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" fill="currentColor" /> </svg> </div> <div class="_tag_d75732" > 2 min </div> </div> </div> </div> </a> </div> </body> ❯ Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/Card/Card.test.tsx:26:12
src/components/Card/Card.test.tsx > <Card> > makes the image visible after load: packages/ui-react/src/components/Card/Card.test.tsx#L31
TestingLibraryElementError: Unable to find an element with the alt text: Ignored nodes: comments, script, style <body> <div> <a class="_card_d75732" data-testid="This is a movie" href="https://test.dummy.jwplayer.com" role="button" tabindex="0" > <div class="_titleContainer_d75732" > <h3 class="_title_d75732" > This is a movie </h3> </div> <div class="_poster_d75732 _aspect169_d75732" > <div class="_meta_d75732" > <div class="_tags_d75732" > <div aria-label="card_lock" class="_tag_d75732 _lock_d75732" role="img" > <svg aria-hidden="true" class="_icon_585b29" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <path d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" fill="currentColor" /> </svg> </div> <div class="_tag_d75732" > 2 min </div> </div> </div> </div> </a> </div> </body> ❯ Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/Card/Card.test.tsx:31:19
src/components/Card/Card.test.tsx > <Card> > should render anchor tag: packages/ui-react/src/components/Card/Card.test.tsx#L43
Error: Snapshot `<Card> > should render anchor tag 1` mismatched - Expected + Received @@ -16,15 +16,10 @@ </h3> </div> <div class="_poster_d75732 _aspect169_d75732" > - <img - alt="" - class="_posterImage_d75732 _image_4c41c3" - src="http://movie.jpg?width=320" - /> <div class="_meta_d75732" > <div class="_tags_d75732" ❯ src/components/Card/Card.test.tsx:43:23
src/components/Favorites/Favorites.test.tsx > <Favorites> > renders and matches snapshot: packages/ui-react/src/components/Favorites/Favorites.test.tsx#L21
Error: Snapshot `<Favorites> > renders and matches snapshot 1` mismatched - Expected + Received @@ -50,15 +50,10 @@ </h3> </div> <div class="_poster_d75732 _aspect169_d75732" > - <img - alt="" - class="_posterImage_d75732 _image_4c41c3" - src="https://cdn.jwplayer.com/v2/media/1TJAvj2S/images/card.webp?poster_fallback=1&width=320" - /> <div class="_meta_d75732" > <div class="_tags_d75732" @@ -97,15 +92,10 @@ </h3> </div> <div class="_poster_d75732 _aspect169_d75732" > - <img - alt="" - class="_posterImage_d75732 _image_4c41c3" - src="https://cdn.jwplayer.com/v2/media/rnibIt0n/images/card.webp?poster_fallback=1&width=320" - /> <div class="_meta_d75732" > <div class="_tags_d75732" @@ -144,15 +134,10 @@ </h3> </div> <div class="_poster_d75732 _aspect169_d75732" > - <img - alt="" - class="_posterImage_d75732 _image_4c41c3" - src="https://cdn.jwplayer.com/v2/media/MaCvdQdE/images/card.webp?poster_fallback=1&width=320" - /> <div class="_meta_d75732" > <div class="_tags_d75732" ❯ src/components/Favorites/Favorites.test.tsx:21:23
src/components/Image/Image.test.tsx > <Image> > uses the src attribute when valid: packages/ui-react/src/components/Image/Image.test.tsx#L10
TestingLibraryElementError: Unable to find an element with the alt text: image Ignored nodes: comments, script, style <body> <div /> </body> ❯ Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/Image/Image.test.tsx:10:12
src/components/Image/Image.test.tsx > <Image> > fires the onLoad callback when the image is loaded: packages/ui-react/src/components/Image/Image.test.tsx#L17
TestingLibraryElementError: Unable to find an element with the alt text: image Ignored nodes: comments, script, style <body> <div /> </body> ❯ Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/Image/Image.test.tsx:17:20
src/components/Image/Image.test.tsx > <Image> > changes the image width based on the given width: packages/ui-react/src/components/Image/Image.test.tsx#L25
TestingLibraryElementError: Unable to find an element with the alt text: image Ignored nodes: comments, script, style <body> <div /> </body> ❯ Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/Image/Image.test.tsx:25:12
src/components/Shelf/Shelf.test.tsx > Shelf Component tests > Featured shelf: packages/ui-react/src/components/Shelf/Shelf.test.tsx#L95
Error: Snapshot `Shelf Component tests > Featured shelf 1` mismatched - Expected + Received @@ -48,13 +48,24 @@ class="_poster_d75732 _aspect169_d75732" > <div class="_meta_d75732" > + <h3 + class="_title_d75732" + > + Last playlist item + </h3> <div class="_tags_d75732" - /> + > + <div + class="_tag_d75732" + > + 21 min + </div> + </div> </div> </div> </a> </li> <li @@ -109,13 +120,24 @@ class="_poster_d75732 _aspect169_d75732" > <div class="_meta_d75732" > + <h3 + class="_title_d75732" + > + Movie 2 + </h3> <div class="_tags_d75732" - /> + > + <div + class="_tag_d75732" + > + 1 min + </div> + </div> </div> </div> </a> </li> </ul> ❯ src/components/Shelf/Shelf.test.tsx:95:23
src/components/VideoDetails/VideoDetails.test.tsx > <VideoDetails> > renders and matches snapshot: packages/ui-react/src/components/VideoDetails/VideoDetails.test.tsx#L25
Error: Snapshot `<VideoDetails> > renders and matches snapshot 1` mismatched - Expected + Received @@ -8,15 +8,10 @@ id="video-details" > <div class="_main_d0c133 _mainPadding_d0c133" > - <img - alt="" - class="_poster_d0c133 _image_4c41c3" - src="http://image.jpg?width=1280" - /> <div class="_posterFade_d0c133" /> <div class="_info_d0c133" ❯ src/components/VideoDetails/VideoDetails.test.tsx:25:23
src/components/VideoDetails/VideoDetails.test.tsx > <VideoDetails> > renders the image: packages/ui-react/src/components/VideoDetails/VideoDetails.test.tsx#L45
TestingLibraryElementError: Unable to find an element with the alt text: Ignored nodes: comments, script, style <body> <div> <div data-testid="cinema-layout" > <header class="_video_d0c133" data-testid="video-details" id="video-details" > <div class="_main_d0c133 _mainPadding_d0c133" > <div class="_posterFade_d0c133" /> <div class="_info_d0c133" > <h1 class="_title_d0c133" > Test video </h1> <div class="_metaContainer_d0c133" > <div class="_primaryMetadata_d0c133" > Primary metadata string </div> <div class="_secondaryMetadata_d0c133" > <strong> Secondary metadata string </strong> </div> </div> <div class="_truncatedText_b1c064 _description_d0c133" style="max-height: calc(1.5em * 12); -webkit-line-clamp: 12;" > Video description </div> <div class="_buttonBar_d0c133" > <button> Start watching </button> <button> play trailer </button> <button> favorite </button> <button> share </button> </div> </div> </div> </header> <div> Related Videos </div> </div> </div> </body> ❯ Object.getElementError ../../node_modules/@testing-library/dom/dist/config.js:37:19 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:76:38 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:52:17 ❯ ../../node_modules/@testing-library/dom/dist/query-helpers.js:95:19 ❯ src/components/VideoDetails/VideoDetails.test.tsx:45:19
test (18.x)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.