Merge pull request #127 from argos-ci/fix-argos-flaky

test: fix argos flaky tests

Author: jsfez

app/home/common/CiCheck.tsx

@@ -61,6 +61,7 @@ const Check = ({
         status === "pending" && "border-amber-6 bg-amber-2",
         className,
       )}
+      data-visual-test="blackout"
     >
       <CheckIcon status={status} />
       <div className="flex h-6 w-6 items-center justify-center rounded border bg-white">

app/home/demo-video/demoVideo.tsx

@@ -17,6 +17,7 @@ export function DemoVideo() {
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
           allowFullScreen
           className="absolute inset-0 h-full w-full"
+          data-visual-test="blackout"
         />
       </div>
     </Container>

app/playwright/video/Video.tsx

@@ -21,6 +21,7 @@ export function Video() {
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
           allowFullScreen
           className="absolute inset-0 h-full w-full"
+          data-visual-test="blackout"
         />
       </div>
     </Container>

package.json

@@ -42,8 +42,8 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@argos-ci/cli": "^1.0.5",
-    "@argos-ci/cypress": "^1.3.0",
+    "@argos-ci/cli": "^1.0.9",
+    "@argos-ci/cypress": "^1.5.0",
     "@babel/core": "^7.23.7",
     "@radix-ui/colors": "^3.0.0",
     "@tailwindcss/typography": "^0.5.10",