chore: add code coverage and actions workflow (codecov) (#5008)

* chore: add codecov action

* chore: add codecov action

* fix: remove unused screen debug

---------

Co-authored-by: Christopher  Tannum <christopher.tannum@cognitedata.com>

.github/workflows/react-components-ci.yml

@@ -82,10 +82,15 @@ jobs:
       - name: Unit tests
         working-directory: react-components
         continue-on-error: false
-        run: yarn run test
+        run: yarn run test:coverage
         env:
           NPM_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
 
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v5
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+
       - name: Install playwright browsers
         working-directory: react-components
         continue-on-error: false

react-components/package.json

@@ -21,6 +21,7 @@
     "tsc": "tsc",
     "lint": "eslint . --cache",
     "test": "vitest run --dom",
+    "test:coverage": "vitest run --dom --coverage",
     "test:playwright": "playwright test",
     "test:watch": "vitest watch --dom",
     "pull-keys": "cdf-i18n-utils-cli pull-keys-from-remote --namespace reveal-react-components --path ./src/common/i18n && yarn sort-keys",
@@ -69,6 +70,7 @@
     "@types/three": "0.165.0",
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/coverage-v8": "^1.5.3",
     "core-js": "^3.6.5",
     "eslint": "^8.57.0",
     "eslint-config-love": "47.0.0",

react-components/src/components/Reveal3DResources/Reveal3DResources.test.tsx

@@ -1,7 +1,7 @@
 /*!
  * Copyright 2025 Cognite AS
  */
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { describe, expect, it, vi } from 'vitest';
 import type { PropsWithChildren, ReactElement } from 'react';
 import { Reveal3DResources } from './Reveal3DResources';
@@ -50,7 +50,6 @@ describe(Reveal3DResources.name, () => {
       </Reveal3DResourcesContext.Provider>
     );
     render(<Reveal3DResources {...defaultProps} />, { wrapper });
-    screen.debug();
   });
 
   it('should mount CadModelContainer if styling is resolved', () => {
@@ -81,7 +80,6 @@ describe(Reveal3DResources.name, () => {
       wrapper
     });
     expect(CadModelContainer).toHaveBeenCalledTimes(2);
-    screen.debug();
   });
 
   it('should mount PointCloudContainer if styling is resolved', () => {

react-components/vite.config.ts

@@ -5,7 +5,7 @@ import dts from 'vite-plugin-dts';
 import { externalizeDeps } from 'vite-plugin-externalize-deps';
 import { exec } from 'node:child_process';
 
-export default defineConfig(({ command, mode }) => {
+export default defineConfig(({ command }) => {
   return {
     plugins: [
       react(),
@@ -31,6 +31,11 @@ export default defineConfig(({ command, mode }) => {
         'tests/unit-tests/**/*.{test,spec}.?(c|m)[jt]s?(x)',
         'src/**/*.{test,spec}.?(c|m)[jt]s?(x)'
       ],
+      reporters: ['default'],
+      coverage: {
+        reportsDirectory: '../coverage/reveal-react-components',
+        exclude: ['src/**/*.spec.ts', 'src/**/*.spec.tsx', 'src/**/*.test.ts', 'src/**/*.test.tsx']
+      },
       // Need to add E5 modules as inlined dependencies to be able to import them in tests.
       server: {
         deps: {