test: test on firefox

argos-ci · Jan 26, 2024 · e80a8cf · e80a8cf
1 parent 30479e6
commit e80a8cf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/apps/frontend/src/pages/Build/BuildDetail.tsx b/apps/frontend/src/pages/Build/BuildDetail.tsx
@@ -199,7 +199,7 @@ const BaseScreenshot = ({ diff }: { diff: Diff }) => {
           }
         >
           <img
-            className={clsx(contained && "max-h-full mx-auto")}
+            className={clsx("mx-auto", contained && "max-h-full")}
             alt="Baseline screenshot"
             {...getImgAttributes(diff.baseScreenshot!)}
           />
@@ -228,9 +228,8 @@ const BaseScreenshot = ({ diff }: { diff: Diff }) => {
           />
           <img
             className={clsx(
-              "absolute top-0",
+              "absolute top-0 left-0 right-0 mx-auto",
               contained && "max-h-full",
-              "left-0 right-0 mx-auto",
             )}
             alt="Baseline screenshot"
             {...getImgAttributes(diff.baseScreenshot!)}
@@ -325,11 +324,9 @@ const CompareScreenshot = ({ diff }: { diff: Diff }) => {
         >
           <img
             className={clsx(
-              "absolute",
+              "absolute left-0 right-0 mx-auto",
               visible && "opacity-disabled",
-              // Firefox fixes
               contained && "max-h-full",
-              "left-0 right-0 mx-auto",
             )}
             {...getImgAttributes(diff.compareScreenshot!)}
           />

diff --git a/playwright.config.mjs b/playwright.config.mjs
@@ -61,6 +61,12 @@ const config = {
         ...devices["Desktop Chrome"],
       },
     },
+    {
+      name: "firefox",
+      use: {
+        ...devices["Desktop Firefox"],
+      },
+    },
   ],
 
   /* Folder for test artifacts such as screenshots, videos, traces, etc. */