Error: Snapshot `<ControlPanel /> > renders with default mobile position and size 1` mismatched - Expected + Received @@ -44,11 +44,11 @@ .c3:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .c3:active { - color: #0d6efd; + color: #1c76fd; } .c5 { cursor: pointer; background-color: #a9a9a9; @@ -237,11 +237,11 @@ class="c5" id=":r1:--volume-slider" > <button aria-label="Mute Volume" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" @@ -358,11 +358,11 @@ </span> </span> </span> <button aria-label="Max Volume" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" @@ -395,11 +395,11 @@ class="c7" id=":r1:--fast-forward" > <button aria-label="Regular Speed" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" @@ -486,11 +486,11 @@ </span> </span> </span> <button aria-label="Max Fast Forward" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" ❯ src/components/controls/control-panel.spec.tsx:68:33

Error: Snapshot `<ControlPanel /> > renders with default desktop position and size 1` mismatched - Expected + Received @@ -49,11 +49,11 @@ .c3:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .c3:active { - color: #0d6efd; + color: #1c76fd; } .c5 { cursor: pointer; background-color: #a9a9a9; @@ -242,11 +242,11 @@ class="c5" id=":r2:--volume-slider" > <button aria-label="Mute Volume" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" @@ -363,11 +363,11 @@ </span> </span> </span> <button aria-label="Max Volume" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" @@ -400,11 +400,11 @@ class="c7" id=":r2:--fast-forward" > <button aria-label="Regular Speed" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" @@ -491,11 +491,11 @@ </span> </span> </span> <button aria-label="Max Fast Forward" - class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-1928est-MuiButtonBase-root-MuiIconButton-root" + class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall css-62e45k-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" > <svg fill="currentColor" ❯ src/components/controls/control-panel.spec.tsx:94:33

Error: Snapshot `<PacmanIndicator /> > renders pacman indicator with additional props 1` mismatched - Expected + Received <span data-testid="pacman-indicator" style="display: inherit; position: relative; font-size: 0px; height: 100px; width: 100px; margin: 0px auto;" > <span - style="width: 0px; height: 0px; border-right: 50px solid transparent; border-top: 50px solid transparent; border-left: 50px solid #0d6efd; border-bottom: 50px solid #0d6efd; border-radius: 50px; position: absolute; animation: react-spinners-PacmanLoader-pacman-1 0.8s infinite ease-in-out; animation-fill-mode: both;" + style="width: 0px; height: 0px; border-right: 50px solid transparent; border-top: 50px solid transparent; border-left: 50px solid #1c76fd; border-bottom: 50px solid #1c76fd; border-radius: 50px; position: absolute; animation: react-spinners-PacmanLoader-pacman-1 0.8s infinite ease-in-out; animation-fill-mode: both;" /> <span - style="width: 0px; height: 0px; border-right: 50px solid transparent; border-top: 50px solid #0d6efd; border-left: 50px solid #0d6efd; border-bottom: 50px solid transparent; border-radius: 50px; position: absolute; animation: react-spinners-PacmanLoader-pacman-2 0.8s infinite ease-in-out; animation-fill-mode: both;" + style="width: 0px; height: 0px; border-right: 50px solid transparent; border-top: 50px solid #1c76fd; border-left: 50px solid #1c76fd; border-bottom: 50px solid transparent; border-radius: 50px; position: absolute; animation: react-spinners-PacmanLoader-pacman-2 0.8s infinite ease-in-out; animation-fill-mode: both;" /> <span - style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(13, 110, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute; top: 50px; left: 200px; animation: react-spinners-PacmanLoader-ball 1s 0.5s infinite linear; animation-fill-mode: both;" + style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(28, 118, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute; top: 50px; left: 200px; animation: react-spinners-PacmanLoader-ball 1s 0.5s infinite linear; animation-fill-mode: both;" /> <span - style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(13, 110, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute; top: 50px; left: 200px; animation: react-spinners-PacmanLoader-ball 1s 0.75s infinite linear; animation-fill-mode: both;" + style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(28, 118, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute; top: 50px; left: 200px; animation: react-spinners-PacmanLoader-ball 1s 0.75s infinite linear; animation-fill-mode: both;" /> <span - style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(13, 110, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute; top: 50px; left: 200px; animation: react-spinners-PacmanLoader-ball 1s 1s infinite linear; animation-fill-mode: both;" + style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(28, 118, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute; top: 50px; left: 200px; animation: react-spinners-PacmanLoader-ball 1s 1s infinite linear; animation-fill-mode: both;" /> <span - style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(13, 110, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute; top: 50px; left: 200px; animation: react-spinners-PacmanLoader-ball 1s 1.25s infinite linear; animation-fill-mode: both;" + style="width: 16.666666666666668px; height: 16.666666666666668px; background-color: rgb(28, 118, 253); margin: 2px; border-radius: 100%; transform: translate(0, -12.5px); position: absolute;

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636