Migrate Heading tests to tsx (grommet#5723)

* Add node types to tsconfig compilerOptions * Migrate Heading test to tsx file * Change node types from tsconfig to test file Co-authored-by: Eric Soderberg <[email protected]>
vaishnavyogesh · Oct 25, 2021 · 8d257a4 · 8d257a4
1 parent ef2faf5
commit 8d257a4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/...ponents/Heading/__tests__/Heading-test.js → ...onents/Heading/__tests__/Heading-test.tsx b/...ponents/Heading/__tests__/Heading-test.js → ...onents/Heading/__tests__/Heading-test.tsx
@@ -16,12 +16,11 @@ test('Heading renders', () => {
 });
 
 test('Heading accepts ref', () => {
-  const ref = React.createRef();
+  const ref = React.createRef<HTMLHeadingElement>();
   const { container } = render(
     <Grommet>
       <Heading ref={ref} />
     </Grommet>,
-    { createNodeMock: (el) => el },
   );
 
   expect(ref.current).not.toBeNull();
@@ -226,9 +225,7 @@ test('Theme color renders', () => {
 });
 
 test('Throws a warning when heading.level is undefined in the theme.', () => {
-  global.console = {
-    warn: jest.fn(),
-  };
+  global.console.warn = jest.fn();
 
   const customTheme = {
     heading: {

diff --git a/...ests__/__snapshots__/Heading-test.js.snap → ...sts__/__snapshots__/Heading-test.tsx.snap b/...ests__/__snapshots__/Heading-test.js.snap → ...sts__/__snapshots__/Heading-test.tsx.snap
diff --git a/tsconfig.tests.json b/tsconfig.tests.json
@@ -5,7 +5,8 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "types": ["jest", "node"]
   },
   "exclude": ["node_modules"],
   "include": ["**/__tests__"]