[🐛 Bug]: Mock hoisting fails for direct imports

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

WebdriverIO Version

latest

Node.js Version

LTS

Mode

WDIO Testrunner

Which capabilities are you using?

n/a

What happened?

When running component tests WebdriverIO is able to mock imports from dependent imports. This is possible by having it rewrite the chunk from:

import foo from 'bar'

to

import * as __wdioImport_0 from 'bar'
const { default: foo } = wdioImport('bar', __wdioImport_0)

However this fails if you import a module directly, e.g.

import 'bar'

What is your expected behavior?

Have it work in the same way as for other imports.

How to reproduce the bug.

Change this line: https://github.com/webdriverio/workshop/blob/main/solutions/chapter_13/src/todo-app.test.ts#L28 to a direct import and see the test failing.

Relevant log output

n/a

Code of Conduct

• I agree to follow this project's Code of Conduct

Is there an existing issue for this?

• I have searched the existing issues