Split vite and storybook test actions

Author: BrunoRosendo

.github/workflows/ci.yml

@@ -11,9 +11,9 @@ on:
       - develop
 
 jobs:
-  test:
+  test-vite:
     runs-on: ubuntu-latest
-    name: Test
+    name: Test Vite
 
     strategy:
       matrix:
@@ -37,11 +37,54 @@ jobs:
         run: npm install
 
       - name: Test
-        run: CI=true npm run test
+        run: CI=true npm run test-vite
 
       - name: Upload code coverage to Codecov
         uses: codecov/codecov-action@v3
 
+  test-storybook:
+    runs-on: ubuntu-latest
+    name: Test Storybook
+
+    strategy:
+      matrix:
+        node-version: [19.x]
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+
+      - name: Cache dependencies
+        uses: actions/cache@v3
+        with:
+          path: |
+            **/node_modules
+          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Install Playwright
+        run: npx playwright install
+
+      - name: Wait for the Netlify Preview
+        uses: kamranayub/[email protected]
+        id: waitForNetlify
+        with:
+          site_name: 'niaefeup-frontend-storybook'
+          max_timeout: 300 # 5 minutes
+        env:
+          NETLIFY_TOKEN: ${{ secrets.NETLIFY_TOKEN }}
+
+      - name: Test
+        run: npm run test-storybook -- --url ${{ steps.waitForNetlify.outputs.url }} --ci
+
+      - name: Upload code coverage to Codecov # TODO: Check if codecov works with storybook
+        uses: codecov/codecov-action@v3
+
   lint:
     runs-on: ubuntu-latest
     name: Lint