fix(component-testing): ability to import esm modules

[DudaGod]

What is done

In component testing user can import esm modules in the test file, because it executes in the browser, which support them. But test files also import in nodejs environment which supports only cjs. Because of this all esm only modules throw ERR_REQUIRE_ESM error in nodejs env.

So i implement replacing import esm module to variable with proxy. Like this:

// From:
import esmPkg from "esm-module";
// To:
const esmPkg = new Proxy({}, {
    get: function (target, prop) {
        return prop in target ? target[prop] : new Proxy(() => {}, this);
    },
    apply: function () {
        return new Proxy(() => {}, this);
    }
});

This proxy gives ability to call every method or getter that user want.

Need review only second commit.

[DudaGod]

Used method from here - https://babeljs.io/docs/babel-types.
In order to implement it I did use ast explorer - https://astexplorer.net/.

[DudaGod]

ImportDefaultSpecifier -> import pkg from '...',
ImportNamespaceSpecifier -> import * as pkg from '...'

[DudaGod]

Here support case like:

import {a, b, c as d} from "..."

[DudaGod]

shorthand, it means use {a} instead of {a: a}

[DudaGod]

todo: remove it

[KuznetsovRoman]

Should you return here?
Doesn't it make it work only once?

[DudaGod]

I use return here just for the case if some another handler will be add below.

Doesn't it make it work only once?

This code located inside ImportDeclaration which is called on each import declaration. So it can ignore few esm modules.