test-setup file added to import matchers and globals

packages/components-react/jest-setup.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/matchers';
+import '@testing-library/jest-dom/jest-globals';

packages/components-react/jest.config.mjs

@@ -13,6 +13,7 @@ const customJestConfig = {
   moduleDirectories: ['node_modules', '<rootDir>/'],
   testEnvironment: 'jest-environment-jsdom',
   testPathIgnorePatterns: ['/dist/'],
+  setupFilesAfterEnv: ['./jest-setup.ts'],
   // transformIgnorePatterns: ['node_modules/(?!@utrecht/web-component-library-react)'],
 };
 

packages/components-react/src/heading/Heading.test.tsx

@@ -1,6 +1,5 @@
 import { describe, expect, it } from '@jest/globals';
 import { render, screen } from '@testing-library/react';
-import React from 'react';
 import { LuxHeading, LuxHeading1, LuxHeading2, LuxHeading3, LuxHeading4, LuxHeading5, LuxHeading6 } from './Heading';
 
 describe('Dynamic Heading', () => {
@@ -70,6 +69,7 @@ describe('Dynamic Heading', () => {
   });
 
   it('can should fall back to level 6 when the level is outside of the heading range', () => {
+    /* @ts-ignore */
     render(<LuxHeading level={8}>Lux Heading</LuxHeading>);
     const heading = screen.getByRole('heading', {
       name: 'Lux Heading',

packages/components-react/tsconfig.test.json

@@ -4,6 +4,6 @@
     "noEmit": true,
     "types": ["@testing-library/jest-dom"]
   },
-  "include": ["next-env.d.ts", "src/**/*.test.ts", "src/**/*.test.tsx"],
+  "include": ["next-env.d.ts", "src/**/*.test.ts", "src/**/*.test.tsx", "./jest-setup.ts"],
   "exclude": ["**/node_modules/*"]
 }