import { test, expect } from '@playwright/test';

test.describe('Network & Services - Network - Overview', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('/network/overview', { waitUntil: 'networkidle' });
  });

  test('Title', async ({ page }) => {
    expect(await page.title()).toBe('Difuse - Network - Overview');
  });

  test('Overview Header', async ({ page }) => {
    const header = await page.locator('.card-heaer-title');
    expect(header).toBeTruthy();
  });

  test('Notification', async ({ page }) => {
    const notification = await page.locator('.notification');
    const isVisible = await notification.isVisible();
    expect(isVisible).toBe(true);
  });

  test('WAN Label', async ({ page }) => {
    const wan = await page.$('span:has-text("WAN")');
    expect(wan).toBeTruthy();
  });

  test('Lan Label', async ({ page }) => {
    const wan = await page.$('span:has-text("LAN - SFP / Ethernet")');
    expect(wan).toBeTruthy();
  });

  test('LAN - WiFi Label', async ({ page }) => {
    const wan = await page.$('span:has-text("LAN - WiFi")');
    expect(wan).toBeTruthy();
  });
});