fix(browser): fix toHaveClass typing (#7383)

vitest-dev · Feb 4, 2025 · 7ef238c · 7ef238c
1 parent dc3fd3e
commit 7ef238c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/browser/jest-dom.d.ts b/packages/browser/jest-dom.d.ts
@@ -260,8 +260,7 @@ declare namespace matchers {
      * @see
      * [testing-library/jest-dom#tohaveclass](https://github.com/testing-library/jest-dom#tohaveclass)
      */
-    toHaveClass(classNames: string, options?: {exact: boolean}): R
-    toHaveClass(...classNames: Array<string | RegExp>): R
+    toHaveClass(...classNames: (string | RegExp)[] | [string, options?: {exact: boolean}]): R
     /**
      * @description
      * This allows you to check whether the given form element has the specified displayed value (the one the

diff --git a/test/browser/test/dom.test.ts b/test/browser/test/dom.test.ts
@@ -31,6 +31,20 @@ describe('dom related activity', () => {
     expect(screenshotPath).toMatch(
       /__screenshots__\/dom.test.ts\/dom-related-activity-renders-div-1.png/,
     )
+
+    // test typing
+    if (0) {
+      await expect.element(div).toHaveClass('x', { exact: true })
+      await expect.element(div).toHaveClass('x', 'y')
+      await expect.element(div).toHaveClass('x', /y/)
+      await expect.element(div).toHaveClass(/x/, 'y')
+      await expect.element(div).toHaveClass('x', /y/, 'z')
+      await expect.element(div).toHaveClass(/x/, 'y', /z/)
+      // @ts-expect-error error
+      await expect.element(div).toHaveClass('x', { exact: 1234 })
+      // @ts-expect-error error
+      await expect.element(div).toHaveClass('x', 1234)
+    }
   })
 
   test('resolves base64 screenshot', async () => {