Update E2E tests to use Docker

.eslintignore

@@ -12,4 +12,4 @@ xml-server/
 
 # Playwright tests
 playwright.config.ts
-test/panel.spec.ts
+test/

.github/workflows/e2e.yml

@@ -27,17 +27,14 @@ jobs:
       - name: Build
         run: npm run build
 
-      - name: Setup playwright browser
-        run: npx playwright install --with-deps chromium
-
       - name: Start Grafana
-        run: docker-compose up -d
+        run: docker compose --profile dev up -d
 
       - name: Run e2e tests
-        run: npm run test:e2e
+        run: npm run test:e2e:docker
 
       - name: Stop Grafana
-        run: docker-compose down
+        run: docker compose down
 
       - uses: actions/upload-artifact@v4
         if: ${{ !cancelled() }}

.github/workflows/main.yml

@@ -32,19 +32,18 @@ jobs:
       - name: Build
         run: npm run build
 
-      - name: Sign plugin
-        run: npm run sign
-        env:
-          GRAFANA_ACCESS_POLICY_TOKEN: ${{ secrets.GRAFANA_ACCESS_POLICY_TOKEN }}
-
-      - name: Setup playwright browser
-        run: npx playwright install --with-deps chromium
-
       - name: Start Grafana
-        run: docker-compose -f test/docker-compose.yml up -d
+        run: docker compose --profile main up -d
 
       - name: Run e2e tests
-        run: npm run test:e2e
+        run: docker compose down
 
       - name: Stop Grafana
-        run: docker-compose down
+        run: docker compose down
+
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 4.2.0 (IN PROGRESS)
+
+### Features / Enhancements
+
+- Updated E2E tests to use Docker (#80)
+
 ## 4.1.0 (2024-06-07)
 
 ### Features / Enhancements

docker-compose.yml

@@ -14,10 +14,44 @@ services:
     volumes:
       - ./dist:/var/lib/grafana/plugins/volkovlabs-rss-datasource
       - ./provisioning:/etc/grafana/provisioning
+    profiles:
+      - dev
 
   server:
     container_name: xml-server
     build:
       context: ./xml-server
     ports:
       - 8001:8001
+    profiles:
+      - dev
+      - main
+
+  grafana-main:
+    container_name: grafana-main
+    image: grafana/grafana:main
+    ports:
+      - 3000:3000/tcp
+    environment:
+      - GF_DEFAULT_APP_MODE=development
+      - GF_USERS_DEFAULT_THEME=light
+      - GF_INSTALL_PLUGINS=marcusolsson-dynamictext-panel,yesoreyeram-infinity-datasource
+    volumes:
+      - ./dist:/var/lib/grafana/plugins/volkovlabs-rss-datasource
+      - ./provisioning:/etc/grafana/provisioning
+    profiles:
+      - main
+
+  test:
+    container_name: test-e2e
+    build:
+      context: .
+      dockerfile: test/Dockerfile
+    environment:
+      - GRAFANA_URL=http://127.0.0.1:3000
+    volumes:
+      - ./test:/app/test
+      - ./playwright-report:/app/playwright-report
+    network_mode: host
+    profiles:
+      - e2e

package.json

@@ -62,14 +62,14 @@
     "lint": "eslint --ignore-path ./.eslintignore --ext .js,.jsx,.ts,.tsx .",
     "lint:fix": "eslint --fix --ignore-path ./.eslintignore --ext .js,.jsx,.ts,.tsx .",
     "sign": "npx --yes @grafana/sign-plugin@latest",
-    "start": "docker-compose pull && docker-compose up",
-    "start:e2e": "docker-compose -f test/docker-compose.yml up",
-    "stop": "docker-compose down",
-    "stop:e2e": "docker-compose -f test/docker-compose.yml down",
+    "start": "docker compose pull grafana && docker compose --profile dev up",
+    "start:main": "docker compose pull grafana-main && docker compose --profile main up",
+    "stop": "docker compose down",
     "test": "jest --watch --onlyChanged",
     "test:e2e": "npx playwright test",
+    "test:e2e:docker": "docker compose --profile e2e up --exit-code-from test",
     "test:ci": "jest --maxWorkers 4 --coverage",
     "upgrade": "npm upgrade --save"
   },
-  "version": "4.1.0"
+  "version": "4.2.0"
 }

playwright.config.ts

@@ -7,7 +7,11 @@ const pluginE2eAuth = `${dirname(require.resolve('@grafana/plugin-e2e'))}/auth`;
  * See https://playwright.dev/docs/test-configuration.
  */
 export default defineConfig({
+  /**
+   * Directory with tests
+   */
   testDir: './test',
+
   /**
    * Run tests in files in parallel
    */
@@ -26,7 +30,7 @@ export default defineConfig({
   /**
    * Reporter to use. See https://playwright.dev/docs/test-reporters
    */
-  reporter: 'html',
+  reporter: [['html', { open: 'never' }]],
 
   /**
    * Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions.
@@ -35,7 +39,7 @@ export default defineConfig({
     /**
      * Base URL to use in actions like `await page.goto('/')`.
      */
-    baseURL: 'http://127.0.0.1:3000',
+    baseURL: process.env.GRAFANA_URL || 'http://localhost:3000',
 
     /**
      * Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer.

test/Dockerfile

@@ -0,0 +1,17 @@
+# Get the latest version of Playwright
+FROM mcr.microsoft.com/playwright:focal
+
+# Set the work directory for the application
+WORKDIR app
+
+# COPY the needed files to the app folder in Docker image
+COPY .. .
+
+# Install the dependencies in Node environment
+RUN npm install --only=dev
+
+# Install browsers
+RUN npx playwright install --with-deps chromium
+
+# Run tests
+CMD ["npm", "run", "test:e2e"]

test/panel.spec.ts

@@ -1,6 +1,11 @@
 import { test, expect } from '@grafana/plugin-e2e';
 
 test.describe('RSS datasource', () => {
+  test('Check grafana version', async ({ grafanaVersion }) => {
+    console.log('Grafana version: ', grafanaVersion);
+    expect(grafanaVersion).toEqual(grafanaVersion);
+  });
+
   test('Should display a Dynamic Text with Data Source', async ({ gotoDashboardPage, dashboardPage, page }) => {
     /**
      * Go To panels dashboard panels.json