Files
openobserve/tests
ktx-akshay 2ec898648a test: add e2e tests for HTML chart (#7683)
### **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>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; </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>&nbsp;
</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>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; </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>&nbsp;
&nbsp; &nbsp; </td>

</tr>
</table></td></tr></tr></tbody></table>

</details>

___
2025-08-04 16:09:19 +05:30
..
2025-07-31 14:31:33 +08:00
2024-09-22 17:57:47 +08:00