[🐛 Bug]: Investigate failing Stencil component tests in v9

[christian-bromann]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

WebdriverIO Version

latest

Node.js Version

latest

Mode

WDIO Testrunner

Which capabilities are you using?

n/a

What happened?

In #12593 we had to disable Stencil component tests due to an issue with loading a component file:

Error:  Test failed due to following error(s):
   - stencil.test.tsx: Failed to fetch dynamically imported module: http://localhost:61519/browser-runner/components/StencilComponent.tsx: TypeError: Failed to fetch dynamically imported module: http://localhost:61519/browser-runner/components/StencilComponent.tsx

I believe this has to do with the following code I've added:

findStaticImports(transformedCode)
    .filter((imp) => imp.specifier.includes('&encapsulation=shadow'))
    .forEach((imp) => {
        const cssPath = path.resolve(path.dirname(id), imp.specifier)
        transformedCode = transformedCode.replace(
            imp.code,
            `import ${imp.imports.trim()} from '/@fs/${cssPath}&inline';\n`
        )
    })

My hunch is that the path has to get normalized for Windows.

What is your expected behavior?

Revert this commit: fa3f017

How to reproduce the bug.

n/a

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