Add E2E Cypress testing (#43)

.github/workflows/e2e.yml

@@ -0,0 +1,44 @@
+name: E2E
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Start Grafana
+        run: docker-compose up -d
+
+      - name: Run e2e tests
+        run: npm run e2e
+
+      - name: Stop Grafana
+        run: docker-compose down
+
+      - uses: actions/upload-artifact@v3
+        if: failure()
+        with:
+          path: |
+            cypress/videos
+            cypress/screenshots/actual

CHANGELOG.md

@@ -9,6 +9,7 @@
 - Update to Grafana 9.5.2 (#41)
 - Migrate to Plugin Tools 1.5.2 (#42)
 - Update to Node 18 and npm (#42)
+- Add E2E Cypress testing (#43)
 
 ## 2.2.0 (2023-03-27)
 

README.md

@@ -4,6 +4,7 @@
 
 ![Grafana 9](https://img.shields.io/badge/Grafana-9.5.2-orange)
 ![CI](https://github.com/volkovlabs/volkovlabs-static-datasource/workflows/CI/badge.svg)
+![E2E](https://github.com/volkovlabs/volkovlabs-static-datasource/workflows/E2E/badge.svg)
 [![codecov](https://codecov.io/gh/VolkovLabs/volkovlabs-static-datasource/branch/main/graph/badge.svg?token=0m6f0ktUar)](https://codecov.io/gh/VolkovLabs/volkovlabs-static-datasource)
 [![CodeQL](https://github.com/VolkovLabs/volkovlabs-static-datasource/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/VolkovLabs/volkovlabs-static-datasource/actions/workflows/codeql-analysis.yml)
 

cypress/integration/01-view-panel.test.ts

@@ -0,0 +1,23 @@
+import { e2e } from '@grafana/e2e';
+
+/**
+ * Dashboard
+ */
+const json = require('../../provisioning/dashboards/panels.json');
+const testedPanel = json.panels[0];
+
+/**
+ * Panel
+ */
+describe('Viewing a panel with a Logs from Static Data', () => {
+  beforeEach(() => {
+    e2e.flows.openDashboard({
+      uid: json.uid,
+    });
+  });
+
+  it('Should display a Logs Panel with Static Data', () => {
+    const currentPanel = e2e.components.Panels.Panel.title(testedPanel.title);
+    currentPanel.should('be.visible');
+  });
+});

cypress/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "types": ["cypress"]
+  }
+}