@testspectra/cli 1.1.7 → 1.1.8-rc.10

package/dist/commands/test.js

@@ -0,0 +1,104 @@
+import path from 'node:path';
+import chalk from 'chalk';
+import * as p from '@clack/prompts';
+import { renderSummaryView } from '../reporter/summary-view.js';
+import { Reporter } from '../runner/reporter.js';
+import { runSystemChecks } from './doctor.js';
+/**
+ * Finds the Chrome-for-Testing binary that `spectra doctor` already installs/manages for the
+ * E2E CDP driver (`core/driver-cdp`) — same install, same binary. `@testspectra/react` must not
+ * contain any browser-discovery logic of its own (see the package-level comment in
+ * tools/react/vitest.config.ts): this is the one place that resolves the path, passed down to
+ * the bundled Vitest/Playwright runner as a plain argument (env var), so component testing never
+ * requires a separate `playwright install` download alongside TestSpectra's own browser.
+ */
+async function resolveBrowserExecutable(cwd) {
+    try {
+        const { dependencies } = await runSystemChecks(cwd);
+        const chrome = dependencies.find((d) => d.category === 'web' && (d.name.includes('Chrome') || d.name.includes('Chromium')));
+        return chrome?.installed && chrome.location ? chrome.location : null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * `spectra test` — delegates to `@testspectra/react`'s bundled Vitest browser-mode runner for
+ * component testing. Deliberately separate from `spectra run` (E2E via core/orchestrator): see
+ * docs/v2/features/component-testing/react/README.md §2 for why these are two independent
+ * runners rather than one extended pipeline.
+ */
+export async function testCommand(options = {}) {
+    const cwd = options.cwd ?? process.cwd();
+    let reactPkg;
+    try {
+        reactPkg = await import('@testspectra/react');
+    }
+    catch {
+        p.log.error(chalk.red('✖ @testspectra/react is not installed in this workspace.'));
+        p.log.info(chalk.dim('Component testing requires the @testspectra/react package.'));
+        p.log.info(chalk.dim('  👉 Install it:  pnpm add -D @testspectra/react'));
+        process.exit(1);
+        return;
+    }
+    const browserExecutablePath = await resolveBrowserExecutable(cwd);
+    if (!browserExecutablePath) {
+        p.log.error(chalk.red('✖ TestSpectra-managed Chrome for Testing was not found.'));
+        p.log.info(chalk.dim('Component testing reuses the same browser install as `spectra run` (web).'));
+        p.log.info(chalk.dim('  👉 Install it:  spectra doctor --fix'));
+        process.exit(1);
+        return;
+    }
+    let stepDelayMs;
+    const rawDelay = options.stepDelay ?? options.delay;
+    if (rawDelay !== undefined) {
+        const delayNum = parseInt(String(rawDelay), 10);
+        if (!isNaN(delayNum) && delayNum >= 0) {
+            stepDelayMs = delayNum;
+        }
+    }
+    let headless = true;
+    if (options.headed) {
+        headless = false;
+    }
+    else if (options.headless !== undefined) {
+        headless = options.headless;
+    }
+    const concurrency = options.concurrency !== undefined ? parseInt(String(options.concurrency), 10) : undefined;
+    const outputFile = options.output ? path.resolve(cwd, options.output) : undefined;
+    // Reuses the exact same semantic terminal reporter `spectra run` drives (see
+    // docs/v2/cli/matchers-semantic-reporter.md) — @testspectra/react emits the identical
+    // [TESTSPECTRA_*] protocol lines the E2E Rust orchestrator does (see tools/react/src/prelude.ts
+    // / setup.ts), so the same Reporter class parses them with zero changes on either side.
+    const reporter = new Reporter();
+    const runStartedAt = Date.now();
+    const ok = await reactPkg.runComponentTests({
+        cwd,
+        headless,
+        stepDelayMs,
+        spec: options.spec,
+        outputFile,
+        concurrency: concurrency !== undefined && !isNaN(concurrency) ? concurrency : undefined,
+        browserExecutablePath,
+        onLine: (line) => {
+            if (!line.startsWith('[TESTSPECTRA_'))
+                return;
+            reporter.addLog({ timestamp: new Date().toLocaleTimeString(), level: 'INFO', message: line });
+            if (!reporter.isInteractiveMode()) {
+                console.log(line);
+            }
+        },
+    });
+    const durationMs = Date.now() - runStartedAt;
+    const result = reporter.generateResult(ok ? 'passed' : 'failed', `${(durationMs / 1000).toFixed(1)}s`);
+    const totalTests = result.passedCount + result.failedCount;
+    renderSummaryView({
+        totalSuites: totalTests,
+        totalTests,
+        passedCount: result.passedCount,
+        failedCount: result.failedCount,
+        durationMs,
+        reportLocation: outputFile ? path.relative(cwd, outputFile) : '(use -o/--output to save a report)',
+    });
+    process.exit(ok ? 0 : 1);
+}

package/dist/commands/watch.js

@@ -3,15 +3,22 @@ import path from 'path';
 import chalk from 'chalk';
 import { TypeGenerator } from '../types/generator.js';
 export function startWatcher(cwd, debounceMs = 60) {
-    // Initial generation
+    // Initial generation. TypeGenerator.generateAll itself stays synchronous (reading
+    // spectra.config.ts is unavoidably async, so that part is handled by the separate
+    // syncEnvDeclaration call below); startWatcher stays sync so it can return the watcher handle
+    // immediately, with the async env sync fired-and-forgotten.
     TypeGenerator.generateAll(cwd);
+    TypeGenerator.syncEnvDeclaration(cwd).catch((err) => {
+        console.error(chalk.red(`✖ Error generating initial env.d.ts: ${err?.message}`));
+    });
     let debounceTimer = null;
     const triggerRegen = (filePath, eventType) => {
         if (debounceTimer)
             clearTimeout(debounceTimer);
-        debounceTimer = setTimeout(() => {
+        debounceTimer = setTimeout(async () => {
             try {
                 TypeGenerator.generateAll(cwd);
+                await TypeGenerator.syncEnvDeclaration(cwd);
                 const time = new Date().toLocaleTimeString();
                 const rel = path.relative(cwd, filePath) || filePath;
                 console.log(chalk.gray(`[${time}] `) + chalk.cyan(`✨ Updated ambient types `) + chalk.gray(`(${eventType}: ${rel})`));
@@ -34,7 +41,6 @@ export function startWatcher(cwd, debounceMs = 60) {
         }
         if (fn.includes('fixtures') ||
             fn.includes('page-objects') ||
-            fn.includes('pageobjects') ||
             fn.includes('actions') ||
             fn.includes('steps') ||
             fn.includes('hooks') ||

package/dist/config/loader.js

@@ -89,7 +89,7 @@ export class ConfigLoader {
                 environmentVariables: overrides?.executionConfig?.environmentVariables ??
                     loaded.executionConfig?.environmentVariables ??
                     DEFAULT_CONFIG_DATA.executionConfig?.environmentVariables ??
-                    [],
+                    {},
             },
         };
     }

package/dist/config/schema.d.ts

@@ -20,19 +20,11 @@ export interface WebConfig {
     headless: boolean | 'new';
     /**
      * Implicit wait timeout (in milliseconds) for finding elements before throwing an error.
+     * Also the ceiling auto-waiting element assertions/actions poll against (capped at 2000ms for
+     * assertions — see `getAssertionTimeoutMs()`).
      * @default "5000"
      */
     implicitWait: string;
-    /**
-     * Maximum time (in milliseconds) allowed for a webpage to complete navigation and initial load.
-     * @default "30000"
-     */
-    pageLoadTimeout: string;
-    /**
-     * Maximum time (in milliseconds) allowed for asynchronous scripts to finish executing.
-     * @default "30000"
-     */
-    scriptTimeout: string;
     /**
      * Delay between consecutive actions and commands in milliseconds (slow motion).
      * @default 0
@@ -46,37 +38,6 @@ export interface WebConfig {
      */
     parallelizationMode: 'testcase' | 'suite';
 }
-/**
- * Browser target definition for web test execution.
- */
-export interface Browser {
-    /**
-     * Unique identifier for this browser configuration.
-     */
-    id: string;
-    /**
-     * Browser type/engine: `"chrome"`, `"firefox"`, `"safari"`, `"edge"`.
-     * @default "chrome"
-     */
-    type: string;
-    /**
-     * Whether to simulate mobile viewport and touch metrics.
-     * @default false
-     */
-    mobileEmulation: boolean;
-    /**
-     * Emulated device name when `mobileEmulation` is true (e.g. `"iPhone 14"`, `"Pixel 7"`).
-     */
-    deviceName?: string;
-    /**
-     * Custom browser window width in pixels.
-     */
-    width?: string;
-    /**
-     * Custom browser window height in pixels.
-     */
-    height?: string;
-}
 /**
  * Target Android device specification for multi-device parallel execution.
  */
@@ -156,11 +117,6 @@ export interface AndroidConfig {
      * Main activity name launched when starting the app.
      */
     appActivity: string;
-    /**
-     * Whether to automatically grant Android runtime permissions upon installation.
-     * @default true
-     */
-    autoGrantPermissions: boolean;
     /**
      * Whether to preserve app state and prevent clearing app data/cache between sessions.
      * @default false
@@ -265,40 +221,6 @@ export interface IosConfig {
      */
     parallelizationMode: 'testcase' | 'suite';
 }
-/**
- * Load testing stage ramp-up profile.
- */
-export interface LoadStage {
-    /**
-     * Stage identifier.
-     */
-    id: string;
-    /**
-     * Duration for this load stage (e.g. `"30s"`, `"2m"`).
-     */
-    duration: string;
-    /**
-     * Target virtual users (VUs) to scale to during this stage.
-     */
-    targetVUs: string;
-}
-/**
- * Performance and pass/fail metric threshold definition.
- */
-export interface SuccessThreshold {
-    /**
-     * Unique threshold identifier.
-     */
-    id: string;
-    /**
-     * Performance metric type (e.g. `"http_req_duration"`, `"http_req_failed"`).
-     */
-    metricType: string;
-    /**
-     * Maximum acceptable value (e.g. `"500ms"`, `"0.01"`).
-     */
-    maxValue: string;
-}
 /**
  * Specific domain filter for real-time network interception and recording.
  */
@@ -312,19 +234,6 @@ export interface MonitoredDomain {
      */
     enabled: boolean;
 }
-/**
- * Custom environment variable key-value pair injected into the test execution sandbox.
- */
-export interface EnvironmentVariable {
-    /**
-     * Environment variable name (e.g. `"API_SECRET_KEY"`).
-     */
-    key: string;
-    /**
-     * Environment variable value.
-     */
-    value: string;
-}
 /**
  * Test execution, CDP network monitoring, and sandbox environment configuration.
  */
@@ -349,9 +258,10 @@ export interface ExecutionConfig {
      */
     monitoredDomains?: MonitoredDomain[];
     /**
-     * Custom environment variables injected into the test process runtime.
+     * Custom environment variables injected into the test process runtime
+     * (e.g. `{ API_SECRET_KEY: "..." }`).
      */
-    environmentVariables?: EnvironmentVariable[];
+    environmentVariables?: Record<string, string>;
 }
 /**
  * Root configuration data structure matching TestSpectra project schema.
@@ -361,10 +271,6 @@ export interface ConfigData {
      * Web browser execution settings.
      */
     webConfig: WebConfig;
-    /**
-     * List of target browsers for web automation runs.
-     */
-    browsers: Browser[];
     /**
      * Android Appium driver and device options.
      */
@@ -373,21 +279,6 @@ export interface ConfigData {
      * iOS Appium driver and device options.
      */
     iosConfig: IosConfig;
-    /**
-     * Load testing parameters.
-     */
-    loadConfig: {
-        virtualUsers: string;
-        duration: string;
-    };
-    /**
-     * Load testing stages.
-     */
-    loadStages: LoadStage[];
-    /**
-     * Pass/fail metric thresholds.
-     */
-    thresholds: SuccessThreshold[];
     /**
      * Advanced execution and network recording settings.
      */

package/dist/config/schema.js

@@ -25,22 +25,12 @@ export const DEFAULT_CONFIG_DATA = {
         maxConcurrentSessions: '1',
         headless: true,
         implicitWait: '5000',
-        pageLoadTimeout: '30000',
-        scriptTimeout: '30000',
         parallelizationMode: 'testcase',
     },
-    browsers: [
-        {
-            id: 'chrome-desktop',
-            type: 'chrome',
-            mobileEmulation: false,
-        },
-    ],
     androidConfig: {
         driverServer: 'http://127.0.0.1:4800',
         appPackage: '',
         appActivity: '',
-        autoGrantPermissions: true,
         noReset: false,
         implicitWait: 10000,
         parallelizationMode: 'suite',
@@ -71,17 +61,11 @@ export const DEFAULT_CONFIG_DATA = {
             },
         ],
     },
-    loadConfig: {
-        virtualUsers: '10',
-        duration: '1m',
-    },
-    loadStages: [],
-    thresholds: [],
     executionConfig: {
         networkMonitoringEnabled: true,
         fastResponseTime: '200',
         normalResponseTime: '1000',
         monitoredDomains: [],
-        environmentVariables: [],
+        environmentVariables: {},
     },
 };

package/dist/generator/__tests__/tsconfig-isolation.test.js

@@ -261,7 +261,7 @@ describe('Platform TSConfigs & Type Isolation (docs/v2/cli/tsconfig-platform-iso
         expect(threw).toBe(true);
         expect(errorMessage).toContain("Cannot find name 'AuthLoginPage'");
     });
-    it('E2E: compiles the full Nx monorepo template via tsc -b with 0 errors', () => {
+    it('E2E: compiles the full Nx monorepo template via tsc -b with 0 errors', async () => {
         let root = process.cwd();
         while (root && root !== path.dirname(root)) {
             if (fs.existsSync(path.join(root, 'pnpm-workspace.yaml')))
@@ -269,8 +269,12 @@ describe('Platform TSConfigs & Type Isolation (docs/v2/cli/tsconfig-platform-iso
             root = path.dirname(root);
         }
         const nxTemplateDir = path.join(root, 'cli', 'templates', 'nx');
-        // Generate latest ambient types for the nx template
+        // Generate latest ambient types for the nx template, including env.d.ts (a separate async
+        // step — see TypeGenerator.syncEnvDeclaration — since spectra.config.ts's
+        // executionConfig.environmentVariables is what the template's EnvironmentConfig suite
+        // exercises via the typed Env global).
         TypeGenerator.generateAll(nxTemplateDir);
+        await TypeGenerator.syncEnvDeclaration(nxTemplateDir);
         expect(() => {
             execSync(`npx tsc -b ${nxTemplateDir}`, { stdio: 'pipe' });
         }).not.toThrow();

package/dist/generator/__tests__/type-generator.test.js

@@ -52,7 +52,7 @@ describe('TypeGenerator Engine (docs/v2/cli/ambient-types-generator.md)', () =>
         fs.writeFileSync(path.join(poDir, 'web.ts'), 'export default class LoginPage {\n  static username = "#user";\n  static async login() {}\n}');
         const stepDir = path.join(tmpDir, 'support', 'steps', 'loginAsAdmin');
         fs.mkdirSync(stepDir, { recursive: true });
-        fs.writeFileSync(path.join(stepDir, 'web.step.ts'), 'export default async function loginAsAdmin(role?: string) {}');
+        fs.writeFileSync(path.join(stepDir, 'web.step.ts'), 'export default async function (role?: string) {}');
         const fixDir = path.join(tmpDir, 'fixtures');
         fs.mkdirSync(fixDir, { recursive: true });
         fs.writeFileSync(path.join(fixDir, 'users.json'), JSON.stringify({ admin: { id: 101, email: 'admin@test.local' } }));
@@ -383,4 +383,42 @@ async function verifyZeroImport() {
         expect(fs.existsSync(path.join(tmpDir, '.testspectra', 'types', 'web.d.ts'))).toBe(false);
         expect(fs.existsSync(path.join(tmpDir, '.testspectra', 'types', 'common.d.ts'))).toBe(false);
     });
+    it('nx monorepo: does NOT treat feature library as shared library and discovers nested e2e subproject', () => {
+        // 1. Shared library with testspectra:shared
+        const sharedDir = path.join(tmpDir, 'shared', 'testing');
+        fs.mkdirSync(path.join(sharedDir, 'page-objects', 'SharedNav'), { recursive: true });
+        fs.writeFileSync(path.join(sharedDir, 'project.json'), JSON.stringify({ name: 'shared-testing', projectType: 'library', tags: ['testspectra:shared'] }));
+        fs.writeFileSync(path.join(sharedDir, 'page-objects', 'SharedNav', 'common.ts'), 'export default class SharedNav {}');
+        // 2. Nx Feature library (projectType: "library", standard Nx tags, NO testspectra tags)
+        const featureLibDir = path.join(tmpDir, 'packages', 'features', 'auth');
+        fs.mkdirSync(featureLibDir, { recursive: true });
+        fs.writeFileSync(path.join(featureLibDir, 'project.json'), JSON.stringify({
+            name: '@tagsamurai/feature-auth',
+            projectType: 'library',
+            sourceRoot: 'packages/features/auth',
+            targets: {},
+            tags: ['type:feature', 'scope:feature-auth'],
+        }));
+        // 3. Nested E2E subproject inside feature library
+        const featureE2eDir = path.join(featureLibDir, 'e2e');
+        fs.mkdirSync(path.join(featureE2eDir, 'specs', 'AuthSuite', 'TC-001'), { recursive: true });
+        fs.writeFileSync(path.join(featureE2eDir, 'project.json'), JSON.stringify({
+            name: 'feature-auth-e2e',
+            projectType: 'application',
+            tags: ['testspectra:e2e', 'testspectra:scope:feature-auth'],
+        }));
+        fs.writeFileSync(path.join(featureE2eDir, 'specs', 'AuthSuite', 'TC-001', 'web.test.ts'), 'it("auth test", async () => {});');
+        const scopes = TypeGenerator.getEntityScopes(tmpDir);
+        expect(scopes).toHaveLength(2);
+        const sharedScope = scopes.find((s) => s.isShared);
+        expect(sharedScope).toBeDefined();
+        expect(sharedScope?.name).toBe('shared');
+        expect(sharedScope?.dir).toBe(path.resolve(sharedDir));
+        const featureScope = scopes.find((s) => !s.isShared);
+        expect(featureScope).toBeDefined();
+        expect(featureScope?.name).toBe('feature-auth');
+        expect(featureScope?.dir).toBe(path.resolve(featureE2eDir));
+        // Verify packages/features/auth is NOT in scopes
+        expect(scopes.some((s) => s.dir === path.resolve(featureLibDir))).toBe(false);
+    });
 });

package/dist/generator/tsconfig-generator.js

@@ -31,7 +31,7 @@ export class TsConfigGenerator {
     static getStemExcludes(prefix, stems) {
         const excludes = [];
         for (const stem of stems) {
-            excludes.push(`${prefix}/**/page-objects/**/${stem}.ts`, `${prefix}/**/pageobjects/**/${stem}.ts`, `${prefix}/**/support/**/${stem}.*`, `${prefix}/**/global-hooks/**/${stem}.*`, `${prefix}/**/specs/**/hooks/**/${stem}.*`, `${prefix}/**/specs/**/${stem}.test.ts`, `${prefix}/**/${stem}.ts`, `${prefix}/**/${stem}.*`, `${prefix}/**/${stem}.*.ts`, `${prefix}/**/*.${stem}.ts`, `${prefix}/**/*.${stem}.*`, `${prefix}/**/*.${stem}.*.ts`);
+            excludes.push(`${prefix}/**/page-objects/**/${stem}.ts`, `${prefix}/**/support/**/${stem}.*`, `${prefix}/**/global-hooks/**/${stem}.*`, `${prefix}/**/specs/**/hooks/**/${stem}.*`, `${prefix}/**/specs/**/${stem}.test.ts`, `${prefix}/**/${stem}.ts`, `${prefix}/**/${stem}.*`, `${prefix}/**/${stem}.*.ts`, `${prefix}/**/*.${stem}.ts`, `${prefix}/**/*.${stem}.*`, `${prefix}/**/*.${stem}.*.ts`);
         }
         return excludes;
     }
@@ -41,21 +41,28 @@ export class TsConfigGenerator {
                 target: 'ES2022',
                 module: 'NodeNext',
                 moduleResolution: 'NodeNext',
+                jsx: 'react-jsx',
                 composite: true,
                 noEmit: true,
                 skipLibCheck: true,
                 strict: true,
-                types: ['node', '@wdio/globals/types', '@wdio/mocha-framework'],
+                types: ['node'],
             },
             include: [
                 '../types/web.d.ts',
                 '../types/fixtures.d.ts',
                 '../../**/specs/**/*.ts',
+                '../../**/specs/**/*.tsx',
                 '../../**/page-objects/**/*.ts',
-                '../../**/pageobjects/**/*.ts',
+                '../../**/page-objects/**/*.tsx',
                 '../../**/support/**/*.ts',
+                '../../**/support/**/*.tsx',
                 '../../**/global-hooks/**/*.ts',
+                '../../**/global-hooks/**/*.tsx',
                 '../../**/fixtures/**/*.ts',
+                '../../**/fixtures/**/*.json',
+                '../../**/src/**/*.ts',
+                '../../**/src/**/*.tsx',
                 '../../spectra.config.ts',
             ],
             exclude: [
@@ -74,21 +81,28 @@ export class TsConfigGenerator {
                 target: 'ES2022',
                 module: 'NodeNext',
                 moduleResolution: 'NodeNext',
+                jsx: 'react-jsx',
                 composite: true,
                 noEmit: true,
                 skipLibCheck: true,
                 strict: true,
-                types: ['node', '@wdio/globals/types', '@wdio/mocha-framework'],
+                types: ['node'],
             },
             include: [
                 '../types/mobile.d.ts',
                 '../types/fixtures.d.ts',
                 '../../**/specs/**/*.ts',
+                '../../**/specs/**/*.tsx',
                 '../../**/page-objects/**/*.ts',
-                '../../**/pageobjects/**/*.ts',
+                '../../**/page-objects/**/*.tsx',
                 '../../**/support/**/*.ts',
+                '../../**/support/**/*.tsx',
                 '../../**/global-hooks/**/*.ts',
+                '../../**/global-hooks/**/*.tsx',
                 '../../**/fixtures/**/*.ts',
+                '../../**/fixtures/**/*.json',
+                '../../**/src/**/*.ts',
+                '../../**/src/**/*.tsx',
                 '../../spectra.config.ts',
             ],
             exclude: [
@@ -107,21 +121,28 @@ export class TsConfigGenerator {
                 target: 'ES2022',
                 module: 'NodeNext',
                 moduleResolution: 'NodeNext',
+                jsx: 'react-jsx',
                 composite: true,
                 noEmit: true,
                 skipLibCheck: true,
                 strict: true,
-                types: ['node', '@wdio/globals/types', '@wdio/mocha-framework'],
+                types: ['node'],
             },
             include: [
                 '../types/android.d.ts',
                 '../types/fixtures.d.ts',
                 '../../**/specs/**/*.ts',
+                '../../**/specs/**/*.tsx',
                 '../../**/page-objects/**/*.ts',
-                '../../**/pageobjects/**/*.ts',
+                '../../**/page-objects/**/*.tsx',
                 '../../**/support/**/*.ts',
+                '../../**/support/**/*.tsx',
                 '../../**/global-hooks/**/*.ts',
+                '../../**/global-hooks/**/*.tsx',
                 '../../**/fixtures/**/*.ts',
+                '../../**/fixtures/**/*.json',
+                '../../**/src/**/*.ts',
+                '../../**/src/**/*.tsx',
                 '../../spectra.config.ts',
             ],
             exclude: [
@@ -140,21 +161,28 @@ export class TsConfigGenerator {
                 target: 'ES2022',
                 module: 'NodeNext',
                 moduleResolution: 'NodeNext',
+                jsx: 'react-jsx',
                 composite: true,
                 noEmit: true,
                 skipLibCheck: true,
                 strict: true,
-                types: ['node', '@wdio/globals/types', '@wdio/mocha-framework'],
+                types: ['node'],
             },
             include: [
                 '../types/ios.d.ts',
                 '../types/fixtures.d.ts',
                 '../../**/specs/**/*.ts',
+                '../../**/specs/**/*.tsx',
                 '../../**/page-objects/**/*.ts',
-                '../../**/pageobjects/**/*.ts',
+                '../../**/page-objects/**/*.tsx',
                 '../../**/support/**/*.ts',
+                '../../**/support/**/*.tsx',
                 '../../**/global-hooks/**/*.ts',
+                '../../**/global-hooks/**/*.tsx',
                 '../../**/fixtures/**/*.ts',
+                '../../**/fixtures/**/*.json',
+                '../../**/src/**/*.ts',
+                '../../**/src/**/*.tsx',
                 '../../spectra.config.ts',
             ],
             exclude: [
@@ -173,21 +201,23 @@ export class TsConfigGenerator {
                 target: 'ES2022',
                 module: 'NodeNext',
                 moduleResolution: 'NodeNext',
+                jsx: 'react-jsx',
                 composite: true,
                 noEmit: true,
                 skipLibCheck: true,
                 strict: true,
-                types: ['node', '@wdio/globals/types', '@wdio/mocha-framework'],
+                types: ['node'],
             },
             include: [
                 '../types/common.d.ts',
                 '../types/fixtures.d.ts',
                 '../../**/page-objects/**/common.ts',
-                '../../**/pageobjects/**/common.ts',
+                '../../**/page-objects/**/common.tsx',
                 '../../**/support/**/common.*',
                 '../../**/global-hooks/**/common.*',
                 '../../**/specs/**/hooks/**/common.*',
                 '../../**/specs/**/common.test.ts',
+                '../../**/specs/**/common.test.tsx',
                 '../../spectra.config.ts',
             ],
             exclude: [
@@ -215,7 +245,7 @@ export class TsConfigGenerator {
         const relCache = path.relative(subConfigDir, path.join(options.cwd, '.testspectra', 'cache')).replace(/\\/g, '/');
         const platformDts = `${relTypesDir}/${platform}.d.ts`;
         const fixturesDts = `${relTypesDir}/fixtures.d.ts`;
-        const include = [platformDts, fixturesDts, `${relScope}/**/*.ts`, relSpectraConfig];
+        const include = [platformDts, fixturesDts, `${relScope}/**/*.ts`, `${relScope}/**/*.tsx`, relSpectraConfig];
         const baseExcludes = [relNodeModules, relDist, relReports, relRuns, relCache];
         const stemMap = {
             web: ['android', 'ios', 'mobile'],
@@ -234,7 +264,7 @@ export class TsConfigGenerator {
                 noEmit: true,
                 skipLibCheck: true,
                 strict: true,
-                types: ['node', '@wdio/globals/types', '@wdio/mocha-framework'],
+                types: ['node'],
             },
             include,
             exclude: [...baseExcludes, ...platformExcludes],
@@ -269,9 +299,7 @@ export class TsConfigGenerator {
         const sharedScope = scopes.find((s) => s.isShared);
         const featureScopes = scopes.filter((s) => !s.isShared);
         const hasScopes = Boolean(sharedScope || featureScopes.length > 0);
-        const hasRootEntities = fs.existsSync(path.join(cwd, 'specs')) ||
-            fs.existsSync(path.join(cwd, 'page-objects')) ||
-            fs.existsSync(path.join(cwd, 'pageobjects'));
+        const hasRootEntities = fs.existsSync(path.join(cwd, 'specs')) || fs.existsSync(path.join(cwd, 'page-objects'));
         if (!hasScopes || hasRootEntities) {
             for (const filename of Object.keys(platformConfigs)) {
                 references.push({ path: `./tsconfig/${filename}` });