Merge pull request #129 from keitaroinc/fix-tests

Fix Failing Tests
keitaroinc · Oct 13, 2023 · 9f51e8e · 9f51e8e
2 parents d897575 + 95919d6
commit 9f51e8e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/__tests__/App.test.tsx b/src/components/__tests__/App.test.tsx
@@ -60,7 +60,7 @@ describe("App.tsx tests", () => {
       fireEvent.change(rangeElement, { target: { value: "5" } });
       const headlinePreviewElement = screen.getByTestId(/canvasHeadlineTitle/i);
       const styles = window.getComputedStyle(headlinePreviewElement);
-      expect(styles.gridColumnStart).toBe("5");
+      expect(styles.left).toBe("5em");
     });
 
     it("should change headline vertical position", () => {
@@ -71,7 +71,7 @@ describe("App.tsx tests", () => {
       fireEvent.change(rangeElement, { target: { value: "5" } });
       const headlinePreviewElement = screen.getByTestId(/canvasHeadlineTitle/i);
       const styles = window.getComputedStyle(headlinePreviewElement);
-      expect(styles.gridRowStart).toBe("5");
+      expect(styles.top).toBe("5em");
     });
   });
 
@@ -97,7 +97,7 @@ describe("App.tsx tests", () => {
       fireEvent.change(rangeElement, { target: { value: "5" } });
       const logoPreviewElement = screen.getByTestId(/canvasLogoPreview/i);
       const styles = window.getComputedStyle(logoPreviewElement);
-      expect(styles.gridColumnStart).toBe("5");
+      expect(styles.left).toBe("5em");
     });
 
     it("should change logo vertical position", () => {
@@ -108,7 +108,7 @@ describe("App.tsx tests", () => {
       fireEvent.change(rangeElement, { target: { value: "5" } });
       const logoPreviewElement = screen.getByTestId(/canvasLogoPreview/i);
       const styles = window.getComputedStyle(logoPreviewElement);
-      expect(styles.gridRowStart).toBe("5");
+      expect(styles.bottom).toBe("5em");
     });
   });
 });