vitest with happy-dom: window.CSS.supports is undefined

[dr2009]

Describe the bug

// environment: 'happy-dom'
console.log(CSS); // { escape: [Function: cssEscape] }
expect(CSS.escape).toBeDefined(); // ok
expect(CSS.supports).toBeDefined(); // not ok

becuase happy-dom depends css.escape, it will change global.CSS to { escape: cssEscape } when import it

https://github.com/mathiasbynens/CSS.escape/blob/master/css.escape.js#L97-L101

Reproduction

https://stackblitz.com/edit/vitest-dev-vitest-12tbkc?file=vite.config.ts,test%2Fsuite.test.ts,test%2Fbasic.test.ts&initialPath=__vitest__/

System Info

System:
    OS: macOS 13.2
    CPU: (8) arm64 Apple M1
    Memory: 155.31 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 20.9.0 - ~/Library/Caches/fnm_multishells/15709_1700617114296/bin/node
    npm: 10.1.0 - ~/Library/Caches/fnm_multishells/15709_1700617114296/bin/npm
    pnpm: 8.10.5 - ~/Library/Caches/fnm_multishells/15709_1700617114296/bin/pnpm
    bun: 1.0.0 - ~/.bun/bin/bun
  Browsers:
    Chrome: 119.0.6045.159
    Edge: 116.0.1938.76
    Safari: 16.3
    Safari Technology Preview: 16.4
  npmPackages:
    @vitest/coverage-v8: 1.0.0-beta.4 => 1.0.0-beta.4 
    vitest: 1.0.0-beta.4 => 1.0.0-beta.4

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sheremet-va]

If happy-dom doesn't provide a global variable, open an issue in happy-dom repository.

[dr2009]

If happy-dom doesn't provide a global variable, open an issue in happy-dom repository.

happy-dom provide the global variable: CSS
but vitest populateGlobal lost it @sheremet-va

https://github.com/vitest-dev/vitest/blob/main/packages/vitest/src/integrations/env/happy-dom.ts#L50C33-L50C47
win.CSS ok, but global.CSS { escape: [Function: cssEscape] }

becuase happy-dom depends css.escape, it will change global.CSS to { escape: cssEscape } when import it

getWindowKeys
https://github.com/vitest-dev/vitest/blob/main/packages/vitest/src/integrations/env/utils.ts#L10

---

i solved by pnpm patch

global.CSS = win.CSS;
const { keys, originals } = populateGlobal(global, win, { bindFunctions: true });

[sheremet-va]

You are right, sorry for closing the issue.