mirror of
https://github.com/openobserve/openobserve.git
synced 2026-11-06 00:09:22 +00:00
### **PR Type**
Tests, Enhancement
___
### **Description**
- Add e2e tests for HTML chart panel
- Test basic HTML rendering and variable substitution
- Integrate tests with Page Object Model
- Include HTML chart test in CI workflow
___
### Diagram Walkthrough
```mermaid
flowchart LR
A["Login"] --> B["Ingest Data"]
B --> C["Navigate to Dashboard"]
C --> D["Create Dashboard"]
D --> E["Add HTML Panel"]
E --> F["Fill HTML Snippet"]
F --> G["Assert Rendering"]
G --> H["Save & Delete Dashboard"]
```
<details> <summary><h3> File Walkthrough</h3></summary>
<table><thead><tr><th></th><th align="left">Relevant
files</th></tr></thead><tbody><tr><td><strong>Tests</strong></td><td><table>
<tr>
<td>
<details>
<summary><strong>dashboard-html-chart.spec.js</strong><dd><code>Add HTML
chart e2e test cases</code>
</dd></summary>
<hr>
tests/ui-testing/playwright-tests/dashboards/dashboard-html-chart.spec.js
<ul><li>Add HTML chart e2e test cases file<br> <li> Two scenarios: basic
rendering, variable substitution<br> <li> Use Page Object Model and
fixtures<br> <li> Setup and cleanup dashboard in tests</ul>
</details>
</td>
<td><a
href="https://github.com/openobserve/openobserve/pull/7683/files#diff-02c503aa87193168f5aa83c8105c376ea0c4dc45e6c7bd6f255b693bf7ebc462">+157/-0</a>
</td>
</tr>
</table></td></tr><tr><td><strong>Configuration
changes</strong></td><td><table>
<tr>
<td>
<details>
<summary><strong>playwright.yml</strong><dd><code>Include HTML chart
test in CI workflow</code>
</dd></summary>
<hr>
.github/workflows/playwright.yml
<ul><li>Register HTML chart test in CI workflow<br> <li> Added
dashboard-html-chart.spec.js path</ul>
</details>
</td>
<td><a
href="https://github.com/openobserve/openobserve/pull/7683/files#diff-7afcd2d8f7b49bda74843f209eefb7b2da45f7e7803bf2e4bd636699b76aa2d3">+1/-0</a>
</td>
</tr>
</table></td></tr></tr></tbody></table>
</details>
___
zinc-observe-ui-automation
#Install cypress in project directory npm install cypress --save-dev
To run Tests from local
npx cypress open
To run Tests from local and push result in cypress cloud
./node_modules/.bin/cypress run --record --key cef585a4-1439-4580-bfce-d62230663b22