codeceptjs 4.0.0-beta.14 → 4.0.0-beta.16

package/lib/utils/typescript.js

@@ -37,8 +37,11 @@ export async function transpileTypeScript(mainFilePath, typescript) {
       let esmGlobals = ''
       
       if (usesRequire || usesModuleExports) {
+        // IMPORTANT: Use the original .ts file path as the base for require()
+        // This ensures dynamic require() calls work with relative paths from the original file location
+        const originalFileUrl = `file://${filePath.replace(/\\/g, '/')}`
         esmGlobals += `import { createRequire } from 'module';
-const require = createRequire(import.meta.url);
+const require = createRequire('${originalFileUrl}');
 const module = { exports: {} };
 const exports = module.exports;
 
@@ -46,9 +49,11 @@ const exports = module.exports;
       }
       
       if (usesCommonJSGlobals) {
+        // For __dirname and __filename, also use the original file path
+        const originalFileUrl = `file://${filePath.replace(/\\/g, '/')}`
         esmGlobals += `import { fileURLToPath as __fileURLToPath } from 'url';
 import { dirname as __dirname_fn } from 'path';
-const __filename = __fileURLToPath(import.meta.url);
+const __filename = '${filePath.replace(/\\/g, '/')}';
 const __dirname = __dirname_fn(__filename);
 
 `
@@ -69,85 +74,114 @@ const __dirname = __dirname_fn(__filename);
   const transpiledFiles = new Map()
   const baseDir = path.dirname(mainFilePath)
   
-  // Transpile main file
-  let jsContent = transpileTS(mainFilePath)
-  
-  // Find and transpile all relative TypeScript imports
-  // Match: import ... from './file' or '../file' or './file.ts'
-  const importRegex = /from\s+['"](\..+?)(?:\.ts)?['"]/g
-  let match
-  const imports = []
-  
-  while ((match = importRegex.exec(jsContent)) !== null) {
-    imports.push(match[1])
-  }
-  
-  // Transpile each imported TypeScript file
-  for (const relativeImport of imports) {
-    let importedPath = path.resolve(baseDir, relativeImport)
-    
-    // Handle .js extensions that might actually be .ts files
-    if (importedPath.endsWith('.js')) {
-      const tsVersion = importedPath.replace(/\.js$/, '.ts')
-      if (fs.existsSync(tsVersion)) {
-        importedPath = tsVersion
-      }
+  // Recursive function to transpile a file and all its TypeScript dependencies
+  const transpileFileAndDeps = (filePath) => {
+    // Already transpiled, skip
+    if (transpiledFiles.has(filePath)) {
+      return
     }
     
-    // Try adding .ts extension if file doesn't exist and no extension provided
-    if (!path.extname(importedPath)) {
-      if (fs.existsSync(importedPath + '.ts')) {
-        importedPath = importedPath + '.ts'
-      }
-    }
+    // Transpile this file
+    let jsContent = transpileTS(filePath)
+    
+    // Find all relative TypeScript imports in this file
+    const importRegex = /from\s+['"](\..+?)(?:\.ts)?['"]/g
+    let match
+    const imports = []
     
-    // If it's a TypeScript file, transpile it
-    if (importedPath.endsWith('.ts') && fs.existsSync(importedPath)) {
-      const transpiledImportContent = transpileTS(importedPath)
-      const tempImportFile = importedPath.replace(/\.ts$/, '.temp.mjs')
-      fs.writeFileSync(tempImportFile, transpiledImportContent)
-      transpiledFiles.set(importedPath, tempImportFile)
+    while ((match = importRegex.exec(jsContent)) !== null) {
+      imports.push(match[1])
     }
-  }
-  
-  // Replace imports in the main file to point to temp .mjs files
-  jsContent = jsContent.replace(
-    /from\s+['"](\..+?)(?:\.ts)?['"]/g,
-    (match, importPath) => {
-      let resolvedPath = path.resolve(baseDir, importPath)
+    
+    // Get the base directory for this file
+    const fileBaseDir = path.dirname(filePath)
+    
+    // Recursively transpile each imported TypeScript file
+    for (const relativeImport of imports) {
+      let importedPath = path.resolve(fileBaseDir, relativeImport)
       
-      // Handle .js extension that might be .ts
-      if (resolvedPath.endsWith('.js')) {
-        const tsVersion = resolvedPath.replace(/\.js$/, '.ts')
-        if (transpiledFiles.has(tsVersion)) {
-          const tempFile = transpiledFiles.get(tsVersion)
-          const relPath = path.relative(baseDir, tempFile).replace(/\\/g, '/')
-          return `from './${relPath}'`
+      // Handle .js extensions that might actually be .ts files
+      if (importedPath.endsWith('.js')) {
+        const tsVersion = importedPath.replace(/\.js$/, '.ts')
+        if (fs.existsSync(tsVersion)) {
+          importedPath = tsVersion
         }
       }
       
-      // Try with .ts extension
-      const tsPath = resolvedPath.endsWith('.ts') ? resolvedPath : resolvedPath + '.ts'
-      
-      // If we transpiled this file, use the temp file
-      if (transpiledFiles.has(tsPath)) {
-        const tempFile = transpiledFiles.get(tsPath)
-        // Get relative path from main temp file to this temp file
-        const relPath = path.relative(baseDir, tempFile).replace(/\\/g, '/')
-        return `from './${relPath}'`
+      // Try adding .ts extension if file doesn't exist and no extension provided
+      if (!path.extname(importedPath)) {
+        const tsPath = importedPath + '.ts'
+        if (fs.existsSync(tsPath)) {
+          importedPath = tsPath
+        } else {
+          // Try .js extension as well
+          const jsPath = importedPath + '.js'
+          if (fs.existsSync(jsPath)) {
+            // Skip .js files, they don't need transpilation
+            continue
+          }
+        }
       }
       
-      // Otherwise, keep the import as-is
-      return match
+      // If it's a TypeScript file, recursively transpile it and its dependencies
+      if (importedPath.endsWith('.ts') && fs.existsSync(importedPath)) {
+        transpileFileAndDeps(importedPath)
+      }
     }
-  )
-
-  // Create a temporary JS file with .mjs extension for the main file
-  const tempJsFile = mainFilePath.replace(/\.ts$/, '.temp.mjs')
-  fs.writeFileSync(tempJsFile, jsContent)
+    
+    // After all dependencies are transpiled, rewrite imports in this file
+    jsContent = jsContent.replace(
+      /from\s+['"](\..+?)(?:\.ts)?['"]/g,
+      (match, importPath) => {
+        let resolvedPath = path.resolve(fileBaseDir, importPath)
+        
+        // Handle .js extension that might be .ts
+        if (resolvedPath.endsWith('.js')) {
+          const tsVersion = resolvedPath.replace(/\.js$/, '.ts')
+          if (transpiledFiles.has(tsVersion)) {
+            const tempFile = transpiledFiles.get(tsVersion)
+            const relPath = path.relative(fileBaseDir, tempFile).replace(/\\/g, '/')
+            // Ensure the path starts with ./
+            if (!relPath.startsWith('.')) {
+              return `from './${relPath}'`
+            }
+            return `from '${relPath}'`
+          }
+        }
+        
+        // Try with .ts extension
+        const tsPath = resolvedPath.endsWith('.ts') ? resolvedPath : resolvedPath + '.ts'
+        
+        // If we transpiled this file, use the temp file
+        if (transpiledFiles.has(tsPath)) {
+          const tempFile = transpiledFiles.get(tsPath)
+          const relPath = path.relative(fileBaseDir, tempFile).replace(/\\/g, '/')
+          // Ensure the path starts with ./
+          if (!relPath.startsWith('.')) {
+            return `from './${relPath}'`
+          }
+          return `from '${relPath}'`
+        }
+        
+        // Otherwise, keep the import as-is
+        return match
+      }
+    )
+    
+    // Write the transpiled file with updated imports
+    const tempFile = filePath.replace(/\.ts$/, '.temp.mjs')
+    fs.writeFileSync(tempFile, jsContent)
+    transpiledFiles.set(filePath, tempFile)
+  }
+  
+  // Start recursive transpilation from the main file
+  transpileFileAndDeps(mainFilePath)
+  
+  // Get the main transpiled file
+  const tempJsFile = transpiledFiles.get(mainFilePath)
   
   // Store all temp files for cleanup
-  const allTempFiles = [tempJsFile, ...Array.from(transpiledFiles.values())]
+  const allTempFiles = Array.from(transpiledFiles.values())
   
   return { tempFile: tempJsFile, allTempFiles }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeceptjs",
-  "version": "4.0.0-beta.14",
+  "version": "4.0.0-beta.16",
   "type": "module",
   "description": "Supercharged End 2 End Testing Framework for NodeJS",
   "keywords": [

package/typings/promiseBasedTypes.d.ts

@@ -2742,6 +2742,7 @@ declare namespace CodeceptJS {
      *   `grabStorageState({ indexedDB: true })`) IndexedDB data; treat as sensitive and do not commit.
      */
     // @ts-ignore
+    // @ts-ignore
     type PlaywrightConfig = {
         url?: string;
         browser?: 'chromium' | 'firefox' | 'webkit' | 'electron';
@@ -6142,6 +6143,7 @@ declare namespace CodeceptJS {
      * @property [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
      */
     // @ts-ignore
+    // @ts-ignore
     type PuppeteerConfig = {
         url: string;
         basicAuth?: any;
@@ -7987,6 +7989,7 @@ declare namespace CodeceptJS {
      * @property [maxUploadFileSize] - set the max content file size in MB when performing api calls.
      */
     // @ts-ignore
+    // @ts-ignore
     type RESTConfig = {
         endpoint?: string;
         prettyPrintJson?: boolean;
@@ -9143,6 +9146,7 @@ declare namespace CodeceptJS {
      * @property [logLevel = silent] - level of logging verbosity. Default: silent. Options: trace | debug | info | warn | error | silent. More info: https://webdriver.io/docs/configuration/#loglevel
      */
     // @ts-ignore
+    // @ts-ignore
     type WebDriverConfig = {
         url: string;
         browser: string;

package/typings/types.d.ts

@@ -2832,6 +2832,7 @@ declare namespace CodeceptJS {
      *   `grabStorageState({ indexedDB: true })`) IndexedDB data; treat as sensitive and do not commit.
      */
     // @ts-ignore
+    // @ts-ignore
     type PlaywrightConfig = {
         url?: string;
         browser?: 'chromium' | 'firefox' | 'webkit' | 'electron';
@@ -6383,6 +6384,7 @@ declare namespace CodeceptJS {
      * @property [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
      */
     // @ts-ignore
+    // @ts-ignore
     type PuppeteerConfig = {
         url: string;
         basicAuth?: any;
@@ -8364,6 +8366,7 @@ declare namespace CodeceptJS {
      * @property [maxUploadFileSize] - set the max content file size in MB when performing api calls.
      */
     // @ts-ignore
+    // @ts-ignore
     type RESTConfig = {
         endpoint?: string;
         prettyPrintJson?: boolean;
@@ -9580,6 +9583,7 @@ declare namespace CodeceptJS {
      * @property [logLevel = silent] - level of logging verbosity. Default: silent. Options: trace | debug | info | warn | error | silent. More info: https://webdriver.io/docs/configuration/#loglevel
      */
     // @ts-ignore
+    // @ts-ignore
     type WebDriverConfig = {
         url: string;
         browser: string;