feat(test-utils): add webx-launch command (#10)

.changeset/yellow-snails-cry.md

@@ -0,0 +1,5 @@
+---
+"@webx-kit/test-utils": patch
+---
+
+feat(test-utils): add webx-launch command

packages/test-utils/bin/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": ["../tsconfig.json"],
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ES2020",
+    "noEmit": true
+  }
+}

packages/test-utils/bin/webx-launch.mjs

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+
+// @ts-check
+/// <reference types="@webx-kit/chrome-types" />
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { chalk, fs, findMonorepoRoot } from '@modern-js/utils';
+import commander from '@modern-js/utils/commander';
+import { chromium } from '@playwright/test';
+
+commander.program.option('--path <path>', 'extension path', 'dist');
+
+const opts = commander.program.parse(process.argv).opts();
+
+const extensionPath = path.resolve(opts.path);
+if (!fs.existsSync(extensionPath)) throw new Error(`\`${extensionPath}\` does not exist`);
+if (!fs.statSync(extensionPath).isDirectory()) throw new Error(`\`${extensionPath}\` is not a directory`);
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+const monorepoRoot = findMonorepoRoot(dirname);
+const userDataDir = path.resolve(
+  monorepoRoot || path.resolve(dirname, '..'),
+  'node_modules/.cache/webx-browser-user-dir'
+);
+
+// it must be "persisted", otherwise the browser will enable incognito mode
+chromium
+  .launchPersistentContext(userDataDir, {
+    headless: false,
+    colorScheme: 'no-preference',
+    viewport: null,
+    ignoreDefaultArgs: ['--disable-extensions', '--enable-automation'],
+    args: ['--hide-crash-restore-bubble', `--load-extension=${extensionPath}`],
+  })
+  .then(async (context) => {
+    console.log(chalk.green`Start successfully`);
+
+    const outdatedPages = context.pages();
+    const page = await context.newPage();
+    await Promise.all(outdatedPages.map((page) => page.close()));
+    await page.goto(`chrome://extensions/`);
+
+    await page.evaluate(() => chrome.developerPrivate.updateProfileConfiguration({ inDeveloperMode: true }));
+  })
+  .catch((err) => {
+    console.log(chalk.red`Start failed`, err);
+  });

packages/test-utils/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@webx-kit/test-utils",
   "version": "0.0.0",
+  "bin": {
+    "webx-launch": "bin/webx-launch.mjs"
+  },
   "exports": {
     "./*": {
       "types": "./src/*.ts",
@@ -39,6 +42,7 @@
     "lint:type": "tsc --noEmit"
   },
   "dependencies": {
+    "@modern-js/utils": "^2.46.1",
     "@webx-kit/chrome-types": "workspace:^"
   },
   "devDependencies": {

packages/test-utils/tsconfig.build.json

@@ -3,5 +3,7 @@
   "compilerOptions": {
     "rootDir": "./src",
     "outDir": "./dist",
-  }
+    "noEmit": false
+  },
+  "include": ["./src"]
 }

packages/test-utils/tsconfig.json

@@ -13,7 +13,8 @@
     "experimentalDecorators": true,
     "resolveJsonModule": true,
     "moduleResolution": "node",
-    "baseUrl": "./"
+    "baseUrl": "./",
+    "noEmit": true
   },
   "exclude": ["dist"]
 }