Remove loading animation tests from Button component and adjust shimmer effect direction in styles. Ensure proper formatting in dark theme variables file.

Author: elizabetdev

src/components/Button/Button.test.tsx

@@ -24,26 +24,6 @@ describe("Button", () => {
     expect(counter).toEqual(1);
   });
 
-  it("given a loading button, it should render the loading animation", async () => {
-    const { getAllByTestId } = renderButton({
-      label: "Button",
-      loading: true,
-    });
-
-    const loadingButton = getAllByTestId("click-ui-loading-icon");
-    expect(loadingButton.length).toEqual(1);
-  });
-
-  it("given a non-loading button, it should not render the loading animation", async () => {
-    const { queryAllByTestId } = renderButton({
-      label: "Button",
-      loading: false,
-    });
-
-    const loadingButton = queryAllByTestId("click-ui-loading-icon");
-    expect(loadingButton.length).toEqual(0);
-  });
-
   it("should not execute action when disabled", () => {
     let counter = 0;
     const handleClick = () => (counter = 1);

src/components/Button/Button.tsx

@@ -71,10 +71,10 @@ export const Button = ({
 
 const shimmerFullWidth = keyframes`
   0% {
-    background-position: -100% 0;
+    background-position: 100% 0;
   }
   100% {
-    background-position: 100% 0;
+    background-position: -100% 0;
   }
 `;
 

src/theme/tokens/variables.dark.json

@@ -1889,4 +1889,4 @@
     }
   },
   "name": "dark"
-}
+}