Updates

src/components/Loading/Loading.module.scss

@@ -50,8 +50,8 @@
     100% { transform: translateY(0); }
   }
 
-  animation: whale 1s infinite $global-transition-ease-in-out-quart;
+  animation: whale 2s infinite $global-transition-ease-in-out-quart;
   transform-box: fill-box;
   transform-origin: center;
-  animation-delay: -0.7s;
+  animation-delay: 0s;
 }

src/components/Toolbar/Toolbar.spec.tsx

@@ -15,6 +15,30 @@ it('Passes accessibility with default props', async () => act(async () => {
     <Toolbar
       // @ts-expect-error String of enum value
       type="bottlenose-dolphin"
+      previous={null}
+      next={null}
+    />,
+  );
+
+  const results = await axe(container);
+
+  expect(results).toHaveNoViolations();
+}));
+
+it('Passes accessibility with optional props', async () => act(async () => {
+  const mockedData = {
+    id: 'mocked-id',
+    reference: 'mocked-reference',
+    name: 'mocked-name',
+    slug: 'mocked slug',
+  };
+
+  const { container } = render(
+    <Toolbar
+      // @ts-expect-error String of enum value
+      type="bottlenose-dolphin"
+      previous={mockedData}
+      next={mockedData}
     />,
   );