Check Netdata iframe loading: Change dynamic class name to deterministic and fix lint errors

This commit is contained in:
Ajas 2024-06-02 23:15:54 +05:30
parent 8d3eb7d146
commit 4fc96b7f23

View file

@ -1,80 +1,78 @@
import { test, expect } from "@playwright/test"; import { test, expect } from '@playwright/test';
test.describe("General - Dashboard - Netdata", () => { test.describe('General - Dashboard - Netdata', () => {
test.beforeEach(async ({ page }) => { test.beforeEach(async ({ page }) => {
await page.goto("/dash-netdata", { waitUntil: "load" }); await page.goto('/dash-netdata', { waitUntil: 'load' });
}); });
test("Title", async ({ page }) => { test('Title', async ({ page }) => {
const title = await page.title(); const title = await page.title();
expect(title).toBe("Difuse - Dashboard - Netdata"); expect(title).toBe('Difuse - Dashboard - Netdata');
}); });
test("Check Netdata iframe loading", async ({ page }) => { test('Check Netdata iframe loading', async ({ page }) => {
const iframeElement = await page.locator("#netdataFrame"); const iframeElement = await page.locator('#netdataFrame');
await expect(iframeElement).toBeTruthy(); await expect(iframeElement).toBeTruthy();
const netdataContent = await page.locator( const netDataContent = await page.locator('.charts-body');
`//div[@class='flex-sc-1m6gk2e-0 layout__Wrapper-sc-1d05imu-0 frXvTZ kLLhdj']` expect(netDataContent).toBeTruthy();
);
expect(netdataContent).toBeTruthy();
}); });
test("Netdata Key Elements", async ({ page }) => { test('Netdata Key Elements', async ({ page }) => {
const systemOverview = await page.getByRole("heading", { const systemOverview = await page.getByRole('heading', {
name: "System Overview", name: 'System Overview'
}); });
const CPUs = await page.getByRole("heading", { name: "Memory" }); const cpuS = await page.getByRole('heading', { name: 'Memory' });
const disks = await page.getByRole("heading", { name: "Disks" }); const disks = await page.getByRole('heading', { name: 'Disks' });
const newtworkStack = await page.getByRole("heading", { const newtworkStack = await page.getByRole('heading', {
name: "Networking Stack", name: 'Networking Stack'
}); });
const Ipv4 = await page.getByRole("heading", { name: "IPv4 Networking" }); const ipv4 = await page.getByRole('heading', { name: 'IPv4 Networking' });
const Ipv6 = await page.getByRole("heading", { name: "IPv6 Networking" }); const ipv6 = await page.getByRole('heading', { name: 'IPv6 Networking' });
const networkInterfaces = await page.getByRole("heading", { const networkInterfaces = await page.getByRole('heading', {
name: "Network Interfaces", name: 'Network Interfaces'
}); });
const firewall = await page.getByRole("heading", { const firewall = await page.getByRole('heading', {
name: "Firewall (netfilter)", name: 'Firewall (netfilter)'
}); });
const netdataMonitoring = await page.getByRole("heading", { const netdataMonitoring = await page.getByRole('heading', {
name: "Netdata Monitoring", name: 'Netdata Monitoring'
}); });
expect( expect(
systemOverview && systemOverview &&
CPUs && cpuS &&
disks && disks &&
newtworkStack && newtworkStack &&
Ipv4 && ipv4 &&
Ipv6 && ipv6 &&
networkInterfaces && networkInterfaces &&
firewall && firewall &&
netdataMonitoring netdataMonitoring
).toBeTruthy(); ).toBeTruthy();
}); });
test("Display System Overview Chart", async ({ page }) => { test('Display System Overview Chart', async ({ page }) => {
const diskRead = await page.locator("#easypiechart-system.io-1-chart"); const diskRead = await page.locator('#easypiechart-system.io-1-chart');
await expect(diskRead).toBeTruthy(); await expect(diskRead).toBeTruthy();
const diskWrite = await page.locator("#easypiechart-system.io-2-chart"); const diskWrite = await page.locator('#easypiechart-system.io-2-chart');
await expect(diskWrite).toBeTruthy(); await expect(diskWrite).toBeTruthy();
const CPUguage = await page.locator("#gauge-system.cpu-3-chart"); const cpuGuage = await page.locator('#gauge-system.cpu-3-chart');
await expect(CPUguage).toBeTruthy(); await expect(cpuGuage).toBeTruthy();
const netInbound = await page.locator("#easypiechart-system.net-4-chart"); const netInbound = await page.locator('#easypiechart-system.net-4-chart');
await expect(netInbound).toBeTruthy(); await expect(netInbound).toBeTruthy();
const netOutbound = await page.locator("#easypiechart-system.net-5-chart"); const netOutbound = await page.locator('#easypiechart-system.net-5-chart');
await expect(netOutbound).toBeTruthy(); await expect(netOutbound).toBeTruthy();
const userRAM = await page.locator("#easypiechart-system.ram-6-chart"); const userRAM = await page.locator('#easypiechart-system.ram-6-chart');
await expect(userRAM).toBeTruthy(); await expect(userRAM).toBeTruthy();
await expect( await expect(
diskRead && diskWrite && CPUguage && netInbound && netOutbound && userRAM diskRead && diskWrite && cpuGuage && netInbound && netOutbound && userRAM
).toBeTruthy(); ).toBeTruthy();
}); });
}); });