chore: use TypeScript for Cypress stuff

Author: gregberge

cypress.config.js cypress.config.ts

@@ -1,5 +1,5 @@
-const { defineConfig } = require("cypress");
-const { registerArgosTask } = require("@argos-ci/cypress/task");
+import { registerArgosTask } from "@argos-ci/cypress/task";
+import { defineConfig } from "cypress";
 
 module.exports = defineConfig({
   e2e: {

cypress/e2e/pages.cy.js cypress/e2e/pages.cy.ts

@@ -10,13 +10,13 @@ const pages = [
   { name: "blog-post-3", path: "/blog/playwright" },
 ];
 
-const viewports = ["macbook-16", "ipad-2", "iphone-8"];
-
 describe("Screenshot pages", () => {
   for (const { name, path } of pages) {
     it(`Screenshots for ${name}`, () => {
       cy.visit(path);
-      cy.argosScreenshot(name, { viewports });
+      cy.argosScreenshot(name, {
+        viewports: ["macbook-16", "ipad-2", "iphone-8"],
+      });
     });
   }
 });

cypress/support/commands.js cypress/support/commands.ts

@@ -44,8 +44,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@argos-ci/cli": "^1.0.11",
-    "@argos-ci/cypress": "^1.5.3",
+    "@argos-ci/cypress": "^1.5.5",
     "@radix-ui/colors": "^3.0.0",
     "@tailwindcss/typography": "^0.5.10",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",