Merge branch 'feature/137-files-table-filters-ui' of https://github.com/IQSS/dataverse-frontend into feature/136-files-table-checkboxes-selection-ui

Author: MellyGray

.env

@@ -1 +1 @@
-VITE_DATAVERSE_BACKEND_URL=http://localhost:8080
+VITE_DATAVERSE_BACKEND_URL=http://localhost:8080

.env.example

@@ -15,6 +15,7 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
       - name: Install dependencies
         # 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm
         run: npm install

.github/workflows/chromatic-design-system.yml

@@ -15,6 +15,7 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
       - name: Install dependencies
         # 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm
         run: npm install

.github/workflows/chromatic.yml

@@ -36,6 +36,7 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
         run: npm install

.github/workflows/deploy.yml

@@ -11,13 +11,14 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 19
+          node-version: 18
           cache: 'npm'
 
       - name: Create .npmrc
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
         run: npm install
@@ -26,5 +27,11 @@ jobs:
         working-directory: packages/design-system
         run: npm run build
 
-      - name: Lint
-        run: npm run lint
+      - name: ESLint
+        run: npm run lint:eslint
+
+      - name: Stylelint
+        run: npm run lint:stylelint
+
+      - name: Prettier
+        run: npm run lint:prettier

.github/workflows/lint.yml

@@ -2,41 +2,58 @@ name: test
 
 on: push
 
+env:
+  E2E_DATAVERSE_IMAGE_TAG: unstable
+
 jobs:
-  # Temporarily commented out, until we set up a suitable e2e environment for running GitHub actions
-  # e2e:
-  #   runs-on: ubuntu-latest
-  #   environment: e2e
-
-  #   steps:
-  #     - uses: actions/checkout@v3
-
-  #     - uses: actions/setup-node@v3
-  #       with:
-  #         node-version: 18
-  #         cache: 'npm'
-
-  #     - name: Install Dependencies
-  #       run:  npm install
-
-  #     - name: Build Dataverse Design System
-  #       working-directory: packages/design-system
-  #       run: npm run build
-
-  #     - name: Create and populate .env file
-  #       env:
-  #         DATAVERSE_BACKEND_URL: ${{ secrets.DATAVERSE_BACKEND_URL }}
-  #       run: |
-  #         touch .env
-  #         echo VITE_DATAVERSE_BACKEND_URL="$DATAVERSE_BACKEND_URL" >> .env
-  #       shell: bash
-
-  #     - name: Cypress run
-  #       uses: cypress-io/github-action@v5
-  #       with:
-  #         build: npm run build
-  #         start: npm run preview
-  #         wait-on: 'npx wait-on --timeout 60000 http://localhost:5173'
+  e2e:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Create .npmrc
+        run: |
+          cp .npmrc.example .npmrc
+          sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: Build Dataverse Design System
+        working-directory: packages/design-system
+        run: npm run build
+
+      - name: Create and populate .env file
+        env:
+          DATAVERSE_BACKEND_URL: 'http://localhost:8000'
+        run: |
+          touch .env
+          echo VITE_DATAVERSE_BACKEND_URL="$DATAVERSE_BACKEND_URL" >> .env
+        shell: bash
+
+      - name: Update registry for the containerized development environment
+        working-directory: dev-env
+        run: |
+          sed -i~ '/^REGISTRY=/s/=.*/=docker.io/' .env
+        shell: bash
+
+      - name: Start containers
+        working-directory: dev-env
+        run: ./run-env.sh "$E2E_DATAVERSE_IMAGE_TAG"
+
+      - name: Wait for containers to be ready
+        run: timeout 300s sh -c 'while ! docker logs dev_dataverse_bootstrap 2>&1 | grep -q "your instance has been configured"; do sleep 2; done'
+
+      - name: Run e2e tests
+        run: npm run test:e2e
+
   component:
     runs-on: ubuntu-latest
 
@@ -52,6 +69,7 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
         run: npm install
@@ -106,6 +124,7 @@ jobs:
         run: |
           cp .npmrc.example .npmrc
           sed -i -e 's/<YOUR_GITHUB_AUTH_TOKEN>/${{ secrets.GITHUB_TOKEN }}/g' .npmrc
+          sed -i -e 's/<YOUR_NPM_AUTH_TOKEN>/${{ secrets.NPM_AUTH_TOKEN }}/g' .npmrc
 
       - name: Install Dependencies
         run: npm install

.github/workflows/test.yml

@@ -27,7 +27,7 @@
 
 # misc
 .DS_Store
-./.env
+.env
 .env.local
 .env.development.local
 .env.test.local

.gitignore

@@ -1,3 +1,9 @@
 legacy-peer-deps=true
-registry=https://npm.pkg.github.com/IQSS
+
+# design-system registry
+//registry.npmjs.org/:_authToken=<YOUR_NPM_AUTH_TOKEN>
+@iqss:registry=https://registry.npmjs.org/
+
+# js-dataverse registry
 //npm.pkg.github.com/:_authToken=<YOUR_GITHUB_AUTH_TOKEN>
+@iqss:registry=https://npm.pkg.github.com/

.npmrc.example

@@ -1,5 +1,5 @@
 import type { Preview } from '@storybook/react'
-import { ThemeProvider } from 'dataverse-design-system'
+import { ThemeProvider } from '@iqss/dataverse-design-system'
 import { initialize, mswDecorator } from 'msw-storybook-addon'
 
 /*