Missing js at the end of the import

Author: dprevost-LMI

src/matchers/element/toHaveAttribute.ts

@@ -8,7 +8,7 @@ import {
     waitUntil,
     wrapExpectedWithArray
 } from '../../utils.js'
-import { isStringOptions } from '../../util/commandOptionsUtils'
+import { isStringOptions } from '../../util/commandOptionsUtils.js'
 
 async function conditionAttributeIsPresent(el: WebdriverIO.Element, attribute: string) {
     const attributeValue = await el.getAttribute(attribute)

tsconfig.build.json

@@ -1,9 +1,11 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "module": "nodenext", // Required to ensure that imports use the file extension
     "outDir": "./lib/",
     "rootDir": "./src",
     "tsBuildInfoFile": "./lib/tsconfig.build.tsbuildinfo",
+    "moduleResolution": "nodenext" // Required to ensure that imports use the file extension
   },
   "include": [
     "./src/**/*.ts"

tsconfig.json

@@ -16,7 +16,7 @@
     "skipLibCheck": true,
     "strictPropertyInitialization": true,
     "strictNullChecks": true,
-    "moduleResolution": "bundler",
+    "moduleResolution": "bundler", // For test file we can user bundler and so omit the file extension in import statements.
     "allowSyntheticDefaultImports": true,
     "types": [
       "node",