test(wtr): add coverage reports (#5580)

* test(wtr): add coverage reports

* chore(ci): always upload coverage

* chore(wtr): lower coverage thresholds

* chore(wtr): lower hydration coverage thresholds

Author: wjhsf

.github/workflows/web-test-runner.yml

@@ -35,7 +35,7 @@ jobs:
                     # - DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE=1
                     - DISABLE_STATIC_CONTENT_OPTIMIZATION=1
                     - ENABLE_ARIA_REFLECTION_GLOBAL_POLYFILL=1
-                    - NODE_ENV_FOR_TEST=1
+                    - NODE_ENV_FOR_TEST=production
                     - API_VERSION=58
                     - API_VERSION=59
                     - API_VERSION=60
@@ -95,6 +95,12 @@ jobs:
             - name: Run integration tests
               run: yarn test
 
+            - name: Upload coverage report
+              # Upload coverage even if the test step failed
+              if: always()
+              run: |
+                  [ -f coverage/index.html ] && awk '/<table/,/<\/table>/' coverage/index.html >> "$GITHUB_STEP_SUMMARY"
+
     hydration-tests:
         name: Hydration tests (${{ matrix.engine_server && 'engine-server' || 'SSR v2' }}; ${{ matrix.env || 'default env' }})
         runs-on: ubuntu-22.04
@@ -149,3 +155,9 @@ jobs:
 
             - name: Run hydration tests
               run: yarn test:hydration
+
+            - name: Upload coverage report
+              # Upload coverage even if the test step failed
+              if: always()
+              run: |
+                  [ -f coverage/index.html ] && awk '/<table/,/<\/table>/' coverage/index.html >> "$GITHUB_STEP_SUMMARY"

packages/@lwc/integration-not-karma/configs/hydration.js

@@ -14,4 +14,13 @@ export default {
     ...baseConfig,
     files: ['test-hydration/**/*.spec.js', '!test-hydration/synthetic-shadow/index.spec.js'],
     plugins: [...baseConfig.plugins, hydrationTestPlugin],
+    coverageConfig: {
+        ...baseConfig.coverageConfig,
+        threshold: {
+            lines: 60,
+            statements: 60,
+            branches: 70,
+            functions: 55,
+        },
+    },
 };

packages/@lwc/integration-not-karma/configs/integration.js

@@ -20,4 +20,13 @@ export default {
         importMapsPlugin({ inject: { importMap: { imports: { lwc: './mocks/lwc.js' } } } }),
         testPlugin,
     ],
+    coverageConfig: {
+        ...baseConfig.coverageConfig,
+        threshold: {
+            lines: 70,
+            statements: 70,
+            branches: 80,
+            functions: 70,
+        },
+    },
 };

packages/@lwc/integration-not-karma/configs/shared/base-config.js

@@ -47,6 +47,14 @@ export default (options) => {
         // Potential workaround: https://github.com/modernweb-dev/web/issues/2588
         concurrency: 1,
         concurrentBrowsers: browsers.length,
+        coverage: options.COVERAGE,
+        coverageConfig: {
+            // This is a "magic" path that ultimately points to the lwc packages
+            include: ['__wds-outside-root__/**'],
+            // Coverage fails for this file, but it's just the barrel package so we can skip it
+            exclude: ['__wds-outside-root__/2/lwc/index.js'],
+            reporters: ['html', 'text'],
+        },
         nodeResolve: true,
         rootDir: join(import.meta.dirname, '../..'),
         plugins: [