Update tests (pt. 2)

extension-js · Aug 21, 2024 · 241e189 · 241e189
1 parent 1bf0894
commit 241e189
Show file tree

Hide file tree

Showing 46 changed files with 4,332 additions and 884 deletions.
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -10,4 +10,5 @@ jobs:
     - name: Run compiler
       run: yarn compile
     - name: Run `extenion build` command
-      run: yarn test:build
+      run: EXTENSION_ENV=development yarn test:build
+
diff --git a/.github/workflows/ci.yml → .github/workflows/develop.yml b/.github/workflows/ci.yml → .github/workflows/develop.yml
@@ -1,4 +1,4 @@
-name: CI
+name: Core Plugin
 on: push
 jobs:
   build:
@@ -9,5 +9,5 @@ jobs:
       run: yarn
     - name: Run compiler
       run: yarn compile
-    - name: Run tests
+    - name: Run core webpack plugin tests
       run: yarn test
diff --git a/aaa.sh b/aaa.sh
diff --git a/examples/action-chatgpt/yarn.lock b/examples/action-chatgpt/yarn.lock
diff --git a/examples/content-extension-config/yarn.lock b/examples/content-extension-config/yarn.lock
diff --git a/examples/content-preact/babel.config.json b/examples/content-preact/babel.config.json
diff --git a/examples/data.ts b/examples/data.ts
@@ -1,4 +1,4 @@
-import { DevOptions } from 'extension-develop'
+import {DevOptions} from 'extension-develop'
 import {type Template} from './types'
 
 const DEFAULT_TEMPLATE: Template = {
@@ -30,20 +30,20 @@ const JS_TEMPLATES: Template[] = [
   //   hasEnv: false,
   //   configFiles: ['babel.config.json']
   // },
-  // {
-  //   name: 'content-extension-config',
-  //   uiContext: ['content'],
-  //   uiFramework: 'react',
-  //   css: 'css',
-  //   hasBackground: true,
-  //   hasEnv: false,
-  //   configFiles: [
-  //     'extension.config.js',
-  //     'tsconfig.json',
-  //     'postcss.config.js',
-  //     'tailwind.config.js'
-  //   ]
-  // },
+  {
+    name: 'content-extension-config',
+    uiContext: ['content'],
+    uiFramework: 'react',
+    css: 'css',
+    hasBackground: true,
+    hasEnv: false,
+    configFiles: [
+      'extension.config.js',
+      'tsconfig.json',
+      'postcss.config.js',
+      'tailwind.config.js'
+    ]
+  },
   {
     name: 'config-stylelint',
     uiContext: ['newTab'],
@@ -214,15 +214,15 @@ const TS_TEMPLATES: Template[] = [
 ]
 
 const CUSTOM_TEMPLATES: Template[] = [
-  // {
-  //   name: 'action-chatgpt',
-  //   uiContext: ['action'],
-  //   uiFramework: 'react',
-  //   css: 'css',
-  //   hasBackground: false,
-  //   hasEnv: true,
-  //   configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
-  // }
+  {
+    name: 'action-chatgpt',
+    uiContext: ['action'],
+    uiFramework: 'react',
+    css: 'css',
+    hasBackground: false,
+    hasEnv: true,
+    configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
+  }
 ]
 
 const FRAMEWORK_TEMPLATES: Template[] = [
@@ -235,33 +235,33 @@ const FRAMEWORK_TEMPLATES: Template[] = [
     hasEnv: false,
     configFiles: ['tsconfig.json']
   },
-  // {
-  //   name: 'content-react',
-  //   uiContext: ['content'],
-  //   uiFramework: 'react',
-  //   css: 'css',
-  //   hasBackground: false,
-  //   hasEnv: false,
-  //   configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
-  // },
-  // {
-  //   name: 'new-preact',
-  //   uiContext: ['newTab'],
-  //   uiFramework: 'preact',
-  //   css: 'css',
-  //   hasBackground: false,
-  //   hasEnv: false,
-  //   configFiles: ['tsconfig.json']
-  // },
-  // {
-  //   name: 'content-preact',
-  //   uiContext: ['content'],
-  //   uiFramework: 'preact',
-  //   css: 'css',
-  //   hasBackground: false,
-  //   hasEnv: false,
-  //   configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
-  // },
+  {
+    name: 'content-react',
+    uiContext: ['content'],
+    uiFramework: 'react',
+    css: 'css',
+    hasBackground: false,
+    hasEnv: false,
+    configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
+  },
+  {
+    name: 'new-preact',
+    uiContext: ['newTab'],
+    uiFramework: 'preact',
+    css: 'css',
+    hasBackground: false,
+    hasEnv: false,
+    configFiles: ['tsconfig.json']
+  },
+  {
+    name: 'content-preact',
+    uiContext: ['content'],
+    uiFramework: 'preact',
+    css: 'css',
+    hasBackground: false,
+    hasEnv: false,
+    configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
+  },
   {
     name: 'new-vue',
     uiContext: ['newTab'],
@@ -270,40 +270,49 @@ const FRAMEWORK_TEMPLATES: Template[] = [
     hasBackground: false,
     hasEnv: false,
     configFiles: ['tsconfig.json']
+  },
+  {
+    name: 'content-vue',
+    uiContext: ['content'],
+    uiFramework: 'vue',
+    css: 'css',
+    hasBackground: false,
+    hasEnv: false,
+    configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
   }
-  // {
-  //   name: 'content-vue',
-  //   uiContext: ['content'],
-  //   uiFramework: 'vue',
-  //   css: 'css',
-  //   hasBackground: false,
-  //   hasEnv: false,
-  //   configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
-  // }
 ]
 
 const TAILWIND_TEMPLATES: Template[] = [
+  {
+    name: 'content-tailwind',
+    uiContext: ['content'],
+    uiFramework: undefined,
+    css: 'css',
+    hasBackground: false,
+    hasEnv: false,
+    configFiles: ['tailwind.config.js', 'postcss.config.js', 'tsconfig.json']
+  },
+  {
+    name: 'new-tailwind',
+    uiContext: ['newTab'],
+    uiFramework: 'react',
+    css: 'css',
+    hasBackground: false,
+    hasEnv: false,
+    configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
+  }
+]
+
+const ALL_TEMPLATES: Template[] = [
   // {
-  //   name: 'content-tailwind',
-  //   uiContext: ['newTab'],
-  //   uiFramework: undefined,
-  //   css: 'css',
-  //   hasBackground: false,
-  //   hasEnv: false,
-  //   configFiles: ['tailwind.config.js', 'postcss.config.js', 'tsconfig.json']
-  // },
-  // {
-  //   name: 'new-tailwind',
-  //   uiContext: ['newTab'],
-  //   uiFramework: 'react',
+  //   name: 'content-vue',
+  //   uiContext: ['content'],
+  //   uiFramework: 'vue',
   //   css: 'css',
   //   hasBackground: false,
   //   hasEnv: false,
   //   configFiles: ['postcss.config.js', 'tailwind.config.js', 'tsconfig.json']
   // }
-]
-
-const ALL_TEMPLATES: Template[] = [
   DEFAULT_TEMPLATE,
   ...JS_TEMPLATES,
   ...WASM_TEMPLATES,
@@ -317,7 +326,11 @@ const ALL_TEMPLATES_BUT_DEFAULT = ALL_TEMPLATES.filter(
   (template) => template.name !== 'init'
 )
 
-const SUPPORTED_BROWSERS: DevOptions['browser'][] = ['chrome', 'edge', 'firefox']
+const SUPPORTED_BROWSERS: DevOptions['browser'][] = [
+  'chrome',
+  'edge',
+  'firefox'
+]
 
 export {
   SUPPORTED_BROWSERS,

diff --git a/examples/new-preact/babel.config.json b/examples/new-preact/babel.config.json
diff --git a/examples/special-folders-pages/pages/main.html b/examples/special-folders-pages/pages/main.html
@@ -8,6 +8,7 @@
   <body>
     <h1>Main Window</h1>
     <p>I am the main window. I am not sandboxed.</p>
+    <img src="../images/notpublic-file.png" alt="Not Public File" />
     <iframe src="../sandbox/index.html" width="380" height="140"></iframe>
     <iframe src="/public/html/file.html" width="380" height="140"></iframe>
     <script src="./main.js"></script>

diff --git a/examples/special-folders-pages/sandbox/index.html b/examples/special-folders-pages/sandbox/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <title>Sandboxed Content</title>
     <link rel="stylesheet" href="../public/css/file.css" />
+    <link rel="stylesheet" href="./styles.css" />
   </head>
   <body>
     <h1>Sandboxed Content</h1>
@@ -16,6 +17,8 @@ <h1>Sandboxed Content</h1>
           "output of an eval-ed inline script.</p>'"
       );
     </script>
+    <iframe src="../pages/custom.html"></iframe>
     <script src="./scripts.js"></script>
+    <script src="../public/js/file.js"></script>
   </body>
 </html>
diff --git a/programs/cli/__spec__/cli.spec.ts b/programs/cli/__spec__/cli.spec.ts
@@ -12,8 +12,8 @@ import {promisify} from 'util'
 const execAsync = promisify(exec)
 
 export async function extensionProgram(command: string = '') {
-  const cliDir = path.resolve(__dirname, '..', 'dist', 'cli.js')
-  const cliCommand = `node ${cliDir} ${command}`
+  const cliDirectory = path.resolve(__dirname, '..', 'dist', 'cli.js')
+  const cliCommand = `node ${cliDirectory} ${command}`
   return await execAsync(cliCommand)
 }
 

diff --git a/programs/cli/jest.config.js b/programs/cli/jest.config.js
@@ -1,5 +1,4 @@
 module.exports = {
   preset: 'ts-jest',
-  testEnvironment: 'node',
-  testMatch: ['**/__spec__/**/*.spec.ts']
+  testEnvironment: 'node'
 }