Handle or silence "Invalid URL" errors

[Codex-]

Hey team

I'm currently writing some tests which inject some script tags (long story, it makes sense I promise) and have got some tests that use a test / fake URL in the body of the script tag, i.e.:
<script type="module" crossorigin src="/public/assets/body.js"></script>

Now, sensibly, happy-dom says: "excuse me, what do you think you are doing?":

TypeError: Invalid URL
    at new NodeError (node:internal/errors:371:5)
    at onParseError (node:internal/url:552:9)
    at new URL (node:internal/url:628:5)
    at Function.getAbsoluteURL (/Users/alexmiller/dev/bfp-app-switcher/node_modules/happy-dom/src/location/RelativeURL.ts:15:10)
    at Function.fetchSync (/Users/alexmiller/dev/bfp-app-switcher/node_modules/happy-dom/src/fetch/ResourceFetchHandler.ts:35:35)
    at Function.loadExternalScript (/Users/alexmiller/dev/bfp-app-switcher/node_modules/happy-dom/src/nodes/html-script-element/ScriptUtility.ts:62:33)
    at HTMLScriptElement._connectToNode (/Users/alexmiller/dev/bfp-app-switcher/node_modules/happy-dom/src/nodes/html-script-element/HTMLScriptElement.ts:195:19)
    at HTMLElement.appendChild (/Users/alexmiller/dev/bfp-app-switcher/node_modules/happy-dom/src/nodes/node/Node.ts:326:16)
    at HTMLElement.appendChild (/Users/alexmiller/dev/bfp-app-switcher/node_modules/happy-dom/src/nodes/element/Element.ts:386:16)
    at DOMParser.parseFromString (/Users/alexmiller/dev/bfp-app-switcher/node_modules/happy-dom/src/dom-parser/DOMParser.ts:84:17) {
  input: '/public/assets/body.js',
  code: 'ERR_INVALID_URL'
}

Is there a good way to handle this? I feel like stubbing or spying the internals of happy-dom is not the way to go about this.

I'm using vitest, and regular / raw HTML (no react etc).

[silvenon]

My bet is that this happens because your URL is relative and happy-dom starts with location about:blank. Maybe try setting window.location.href to something in beforeAll?

But it really depends in what you're trying to test. It doesn't seem like that HTML should be included in the test, so you can explain your goal?

[capricorn86]

Hi @Codex-!

As @silvenon said, you will have to set the page URL if you want to use relative URL:s (e.g. window.location.href = 'https://localhost:3000');

In v10.0.0 of Happy DOM a fix was released that catches errors and outputs them to the console instead of letting them be thrown which caused script execution to stop.

[silvenon]

Btw, you're doing incredible work, I'm loving happy-dom! ❤️ I'm no longer finding any reason to go back to jsdom.

Half the size of jsdom with so many performance improvements 🤯

[capricorn86]

Nice to hear! ❤️