Cypress: Code App - Seeding Task

cypress/index.d.ts

@@ -2,6 +2,9 @@ import {
   ContentItem,
   ContentModel,
   ContentModelField,
+  WebView,
+  Stylesheet,
+  Script,
 } from "../src/shell/services/types";
 import "./support/commands";
 
@@ -65,6 +68,12 @@ declare global {
         fields: Partial<ContentModelField>;
         items: Partial<ContentItem>;
       }>;
+      task(
+        event: "seed:code",
+        path: string
+      ): Chainable<
+        Partial<WebView> | Partial<Script> | Partial<Stylesheet> | null
+      >;
     }
   }
 }

cypress/plugins/index.js

@@ -15,6 +15,7 @@ const path = require("path");
 const dotenv = require("dotenv");
 const os = require("os");
 const content = require("./seeds/content");
+const code = require("./seeds/code");
 const codeCoverageTask = require("@cypress/code-coverage/task");
 
 module.exports = (on, config) => {
@@ -28,6 +29,7 @@ module.exports = (on, config) => {
       return null;
     },
     ...content(config),
+    ...code(config),
   });
   // `on` is used to hook into various events Cypress emits
   // `config` is the resolved Cypress config

cypress/plugins/seeds/code.ts

@@ -0,0 +1,61 @@
+import { readFileSync } from "fs";
+import { join } from "path";
+
+import { WebView, Stylesheet, Script } from "../../../src/shell/services/types";
+
+export type SeedCodeTask = WebView | Stylesheet | Script | null;
+const STYLESHEET_TYPES = ["text/css", "text/less", "text/scss", "text/sass"];
+
+module.exports = function code(config) {
+  const { getSDK, getAuthToken } = require("./utils");
+
+  async function seedCode(path: string): Promise<SeedCodeTask> {
+    const jsonString = readFileSync(join(__dirname, "../../", path), "utf8");
+    const json = JSON.parse(jsonString);
+
+    const sdk = await getSDK(config);
+    const timeStamp = Date.now();
+    const filename = `/__e2e__/${config.env.COMMIT_ID}/${timeStamp} | ${json?.filename}`;
+
+    let responseData = null;
+
+    if (json.type === "text/javascript") {
+      const token = await getAuthToken();
+      await fetch(`${config.env.API_INSTANCE_URL}/web/scripts`, {
+        method: "POST",
+        headers: {
+          authorization: `Bearer ${token}`,
+        },
+        body: JSON.stringify({ ...json, filename }),
+      }).then(async (res) => {
+        const resJson = await res.json();
+        responseData = resJson?.data;
+      });
+    } else if (STYLESHEET_TYPES.includes(json.type)) {
+      await sdk.instance
+        .createStylesheet({
+          ...json,
+          filename,
+        })
+        .then((res) => {
+          responseData = res?.data;
+        });
+    } else {
+      await sdk.instance
+        .createView({
+          ...json,
+          filename,
+        })
+        .then((res) => {
+          responseData = res?.data;
+        });
+    }
+
+    return responseData;
+  }
+
+  // CODE TASK MAPPING
+  return {
+    "seed:code": (path: string) => seedCode(path),
+  };
+};