manor minor fixes, resync/update test apps

Author: n05la3

packages/e2e-playwright/README.md

@@ -23,12 +23,13 @@ import playwright from 'eslint-plugin-playwright';
 export default [
   // ...
   {
+    name: 'custom/playwright',
+
     ...playwright.configs['flat/recommended'],
     files: ['src/components/**/*.spec.ts', 'test/**/*.spec.ts'],
     rules: {
       ...playwright.configs['flat/recommended'].rules,
-      //  you might need to disable this rule if it's turned on to avoid `mount` being reported as unbound
-      // '@typescript-eslint/unbound-method': 'off',
+      //  Other rules
     },
   },
 ];
@@ -45,8 +46,7 @@ For ESLint versions earlier than v9, add this to your `.eslintrc.js` or `.eslint
       "files": ["src/components/**/*.spec.{js,ts}", "test/**/*.spec.{js,ts}"],
       "extends": "plugin:playwright/recommended",
       "rules": {
-        //  you might need to disable this rule if it's turned on to avoid `mount` being reported as unbound
-        // "@typescript-eslint/unbound-method": "off"
+        // Other rules
       }
     }
   ]

packages/e2e-playwright/build.config.ts

@@ -8,13 +8,6 @@ export default defineBuildConfig({
         './src/ct/main',
     ],
 
-    rollup: {
-        emitCJS: true,
-        esbuild: {
-            minify: true,
-        },
-    },
-
     // Generate TypeScript declaration files (.d.ts) for all entries.
     declaration: true,
 
@@ -28,6 +21,9 @@ export default defineBuildConfig({
     rollup: {
         // Explicitly enable generating the CJS bundle.
         emitCJS: true,
+        esbuild: {
+            minify: true,
+        },
     },
 
     // There is some strange warning about missing package.json. It doesn't affect the build however.

packages/e2e-playwright/package.json

@@ -24,14 +24,24 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/main.mjs",
-      "require": "./dist/main.cjs",
-      "types": "./dist/main.d.ts"
+      "import": {
+        "types": "./dist/main.d.mts",
+        "default": "./dist/main.mjs"
+      },
+      "require": {
+        "types": "./dist/main.d.cts",
+        "default": "./dist/main.cjs"
+      }
     },
     "./ct": {
-      "import": "./dist/ct/main.mjs",
-      "require": "./dist/ct/main.cjs",
-      "types": "./dist/ct/main.d.ts"
+      "import": {
+        "types": "./dist/ct/main.d.mts",
+        "default": "./dist/ct/main.mjs"
+      },
+      "require": {
+        "types": "./dist/ct/main.d.cts",
+        "default": "./dist/ct/main.cjs"
+      }
     },
     "./package.json": "./package.json",
     "./src/index": "./src/index.js",
@@ -44,11 +54,11 @@
     "type": "git",
     "url": "https://github.com/quasarframework/quasar-testing"
   },
-  "main": "dist/cjs/main.js",
-  "module": "dist/esm/main.js",
+  "main": "dist/main.cjs",
+  "module": "dist/main.mjs",
+  "types": "dist/main.d.cts",
   "bugs": "https://github.com/quasarframework/quasar-testing/issues",
   "homepage": "https://github.com/quasarframework/quasar-testing/tree/dev/packages/e2e-playwright",
-  "typings": "dist/types/main.d.ts",
   "engines": {
     "node": ">= 12.2.0",
     "npm": ">= 5.6.0",
@@ -87,4 +97,4 @@
       "optional": true
     }
   }
-}
+}

packages/e2e-playwright/src/install.js

@@ -106,7 +106,6 @@ export default async function (api) {
 
   try {
     if (api.prompts.port && api.prompts.port !== enforcedDevServerPort) {
-      console.log(api.prompts.port, enforcedDevServerPort);
       const port = parseInt(api.prompts.port.trim(), 10);
       if (!Number.isInteger(port)) {
         throw new Error(`Invalid port number: ${api.prompts.port}`);
@@ -136,11 +135,11 @@ export default async function (api) {
       api.render(`${configTemplate}/component-test`, {
         codeCoverageIsEnabled: shouldEnableCodeCoverage,
       });
-    }
 
-    api.render('./templates/base', {
-      shouldSupportTypeScript: supportsTypescript,
-    });
+      api.render('./templates/component-test', {
+        shouldSupportTypeScript: supportsTypescript,
+      });
+    }
 
     let testEnvCommand = 'cross-env NODE_ENV=test';
     if (shouldEnableCodeCoverage) {

packages/e2e-playwright/src/templates/base/test/playwright/wrappers/DialogWrapper.vue

@@ -6,12 +6,12 @@
 import { defineComponent } from 'vue';
 
 export default defineComponent({
+  name: 'QuasarButton',
   props: {
     label: {
       type: String,
     },
   },
-  name: 'QuasarButton',
   emits: { test: () => true },
 });
 </script>