feat(workflow): define integration workflow

.github/workflows/integration.yml

@@ -0,0 +1,29 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js Integration Test
+
+on:
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x, 20.x, 22.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+      - run: npm ci
+      - run: npm run test:integration

.github/workflows/node.js.yml

@@ -26,5 +26,4 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'
       - run: npm ci
-      - run: npm run build --if-present
       - run: npm test

README.md

@@ -18,6 +18,10 @@
   <a href="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/node.js.yml">
     <img src="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/node.js.yml/badge.svg" alt="Node.js Unit Test">
   </a>
+
+  <a href="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/integration.yml">
+    <img src="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/integration.yml/badge.svg" alt="Node.js Integration Test">
+  </a>
 </p>
 
 # web-component-attribute-polyfill
@@ -177,6 +181,7 @@ And at the end, use it on your elements:
 - `npm run start:ts`: Run the typescript demo
 - `npm test`: Run tests over packages
 - `npm run test:coverage`: Run tests over packages and see coverage reports
+- `npm run test:integration`: Run integration tests
 
 ## Contributing
 

package.json

@@ -18,7 +18,8 @@
     "start": "npm run start --workspace demos/vanilla",
     "start:ts": "npm run start --workspace demos/typescript",
     "test": "npm run test --workspaces --if-present",
-    "test:coverage": "npm run test:coverage --workspaces --if-present"
+    "test:coverage": "npm run test:coverage --workspaces --if-present",
+    "test:integration": "npm run test:headless --workspace ./packages/test-integration"
   },
   "//": {
     "dev:audit": "Checks we don't have vulnearbilities",
@@ -33,7 +34,8 @@
     "start": "Run the vanilla demo",
     "start:ts": "Run the typescript demo",
     "test": "Run tests over packages",
-    "test:coverage": "Run tests over packages and see coverage reports"
+    "test:coverage": "Run tests over packages and see coverage reports",
+    "test:integration": "Run integration tests"
   },
   "workspaces": [
     "packages/*",

packages/test-integration/README.md

@@ -11,8 +11,8 @@
     <img src="https://snyk.io/test/github/rochejul/web-component-attribute-polyfill/badge.svg?targetFile=packages/test-integration/package.json" alt="Known Vulnerabilities">
   </a>
 
-  <a href="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/node.js.yml">
-    <img src="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/node.js.yml/badge.svg" alt="Node.js Unit Test">
+  <a href="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/integration.yml">
+    <img src="https://github.com/rochejul/web-component-attribute-polyfill/actions/workflows/integration.yml/badge.svg" alt="Node.js Integration Test">
   </a>
 </p>
 
@@ -25,7 +25,7 @@ Integration testing of the polyfill
 - `npm run dev:linting`: Lint files
 - `npm start`: Run a local web server (with https) to show the project
 - `npm run test:browser`: Run tests without headless mode
-- `npm run test:hedaless`: Run tests with headless mode
+- `npm run test:headless`: Run tests with headless mode
 
 ## Contributing