test: refactor tests of isInCurrentMonth

fix: fix .toMatchInlineSnapshot throws uncaught error

Signed-off-by: Rong Sen Ng (motss) <[email protected]>

src/__tests__/helpers/clamp-value.test.ts

@@ -41,6 +41,6 @@ describe(clampValue.name, () => {
   }) => {
     const result = clampValue(min, max, value);
 
-    expect(result).equal($_value);
+    expect(result).toBe($_value);
   });
 });

src/__tests__/helpers/date-validator.test.ts

@@ -92,7 +92,7 @@ describe(dateValidator.name, () => {
   }) => {
     const result = dateValidator(value, defaultDate);
 
-    expect(result).deep.equal($_value);
+    expect(result).toEqual($_value);
   });
 
 });

src/__tests__/helpers/focus-element.test.ts

@@ -9,7 +9,9 @@ describe(focusElement.name, () => {
 
     const focusedElement = await focusElement(Promise.resolve(el));
 
-    expect(document.activeElement).toMatchInlineSnapshot(focusedElement);
+    expect(focusedElement.outerHTML).toBe('<button>Focus me</button>');
+    // fixme: learn more at https://github.com/vitest-dev/vitest/issues/2327
+    // expect(document.activeElement).toMatchInlineSnapshot(focusedElement);
   });
 
   it('focuses element with optional callback', async () => {
@@ -21,7 +23,9 @@ describe(focusElement.name, () => {
       }));
     });
 
-    expect(document.activeElement).toMatchInlineSnapshot(focusedElement);
+    expect(focusedElement.outerHTML).toBe('<button>Focus me</button>');
+    // fixme: learn more at https://github.com/vitest-dev/vitest/issues/2327
+    // expect(focusedElement.outerHTML).toMatchInlineSnapshot('"<button>Focus me</button>"');
   });
 
 });

src/__tests__/helpers/is-in-current-month.test.ts

@@ -1,37 +1,31 @@
-import { expect } from '@open-wc/testing';
+import { describe, expect, it } from 'vitest';
 
 import { isInCurrentMonth } from '../../helpers/is-in-current-month';
-import { messageFormatter } from '../test-utils/message-formatter';
 
 describe(isInCurrentMonth.name, () => {
-  type CaseIsInCurrentMonth = [
-    target: Date,
-    source: Date,
-    expected: boolean
-  ];
-  const casesIsInCurrentMonth: CaseIsInCurrentMonth[] = [
-    [
-      new Date('2020-02-02'),
-      new Date('2020-02-12'),
-      true,
-    ],
-    [
-      new Date('2020-02-02'),
-      new Date('2020-03-12'),
-      false,
-    ],
-  ];
-  casesIsInCurrentMonth.forEach(a => {
-    const [testTarget, testSource, expected] = a;
+  it.each<{
+    $_value: boolean;
+    source: Date;
+    target: Date;
+  }>([
+    {
+      $_value: true,
+      source: new Date('2020-02-12'),
+      target: new Date('2020-02-02'),
+    },
+    {
+      $_value: false,
+      source: new Date('2020-03-12'),
+      target: new Date('2020-02-02'),
+    },
+  ])('returns if $target is current month of $source', ({
+    $_value,
+    source,
+    target,
+  }) => {
+    const result = isInCurrentMonth(target, source);
 
-    it(
-      messageFormatter('returns if %s is current month of %s', a),
-      () => {
-        const result = isInCurrentMonth(testTarget, testSource);
-
-        expect(result).equal(expected);
-      }
-    );
+    expect(result).toBe($_value);
   });
 
 });