ayc0 / mock-match-media Goto Github PK

I'm using this library in a jest-based project. I assume the effects of setMedia persist between tests. If that's the case could you consider 1. an api to reset all properties to default. and 2. call this new api automatically for test environments that have an afterEach hook? (like how RTL does it with cleanup)

https://github.com/Ayc0/mock-match-media/blob/v0.3.0/tests/listeners.cjs#L217

In newer versions of V8, .dispatchEvent() doesn't call anything if it's not a change event (same in firefox):

https://github.com/Ayc0/mock-match-media/blob/v0.3.0/tests/listeners.cjs#L310

In newer versions of V8, using once doesn't clear listeners that were defined without once (same in firefox):

Hey @Ayc0 , I know this is not the best place to write this, but thank you for creating this library!

I've tested many different mocks and none was as straightforward as this one, and this solves all problems I'm having to unit test highly dynamic components in various screen sizes.

Again, thanks for all the effort you are putting into this library, you are awesome ❤️

https://github.com/ericf/css-mediaquery only supports the v2 or the v3, but it doesn't support the v4, like (400px <= width <= 600px)

See https://drafts.csswg.org/cssom/#parse-a-media-query-list for more infos

Like #26 but for .onchange (tested in chrome, safari, and Firefox)

I am using mock-match-media in a Typescript 5.x project and get the following error on type checking:

error TS7016: Could not find a declaration file for module 'mock-match-media'. 
  '.../node_modules/mock-match-media/dist/index.mjs' implicitly has an 'any' type.
  There are types at '.../node_modules/mock-match-media/dist/index.d.ts', but this result
  could not be resolved when respecting package.json "exports". The 'mock-match-media' library
  may need to update its package.json or typings.

My understanding is, that typescript is expecting type declarations in the exports section of package.json.
Patching it locally to the following fixes it for me:

    "exports": {
        ".": {
            "types": "./dist/index.d.ts",    // <--- Added this
            "require": "./dist/index.js",
            "import": "./dist/index.mjs",
            "browser": "./dist/index.mjs"
        }
        ...

Also: the types declaration in the root of the package.json points to "dist/index.d.js" instead of "dist/index.d.ts".