Why CSS.supports() is failing when running it with jest

Question

I am trying to run a test that has CSS.supports() function in it.

describe('something', () => {
    it('fails',() => {
        CSS.supports('display', 'flex');
    } )
})

I get this error: ReferenceError: CSS is not defined.

Shouldn't JSDOM support this function? Thanks!

Answer 1

This is not implemented in JSDom, but you can code around it by checking if CSS.supports exists and then the tests won't fail like so:

const supportsDvh = CSS.supports && CSS.supports('height: 100dvh');