it-tools/src/tools/ipv4-range-expander/ipv4-range-expander.e2e.spec.ts

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

test.describe('Tool - IPv4 range expander', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('/ipv4-range-expander');
  });

  test('Has correct title', async ({ page }) => {
    await expect(page).toHaveTitle('IPv4 range expander - IT Tools');
  });

  test('Calculates correct for valid input', async ({ page }) => {
    await page.getByPlaceholder('Start IPv4 address...').fill('192.168.1.1');
    await page.getByPlaceholder('End IPv4 address...').fill('192.168.7.255');

    expect(await page.getByTestId('start-address.old').textContent()).toEqual('192.168.1.1');
    expect(await page.getByTestId('start-address.new').textContent()).toEqual('192.168.0.0');
    expect(await page.getByTestId('end-address.old').textContent()).toEqual('192.168.7.255');
    expect(await page.getByTestId('end-address.new').textContent()).toEqual('192.168.7.255');
    expect(await page.getByTestId('addresses-in-range.old').textContent()).toEqual('1,791');
    expect(await page.getByTestId('addresses-in-range.new').textContent()).toEqual('2,048');
    expect(await page.getByTestId('cidr.old').textContent()).toEqual('');
    expect(await page.getByTestId('cidr.new').textContent()).toEqual('192.168.0.0/21');
  });

  test('Calculates correct for valid input, where first octet is lower than 128', async ({ page }) => {
    await page.getByPlaceholder('Start IPv4 address...').fill('10.0.0.1');
    await page.getByPlaceholder('End IPv4 address...').fill('10.0.0.17');

    expect(await page.getByTestId('start-address.old').textContent()).toEqual('10.0.0.1');
    expect(await page.getByTestId('start-address.new').textContent()).toEqual('10.0.0.0');
    expect(await page.getByTestId('end-address.old').textContent()).toEqual('10.0.0.17');
    expect(await page.getByTestId('end-address.new').textContent()).toEqual('10.0.0.31');
    expect(await page.getByTestId('addresses-in-range.old').textContent()).toEqual('17');
    expect(await page.getByTestId('addresses-in-range.new').textContent()).toEqual('32');
    expect(await page.getByTestId('cidr.old').textContent()).toEqual('');
    expect(await page.getByTestId('cidr.new').textContent()).toEqual('10.0.0.0/27');
  });

  test('Hides result for invalid input', async ({ page }) => {
    await page.getByPlaceholder('Start IPv4 address...').fill('192.168.1.1');
    await page.getByPlaceholder('End IPv4 address...').fill('192.168.0.255');

    await expect(page.getByTestId('result')).not.toBeVisible();
  });
});