playwright-fluent/lib/selector-api/tests/nth/nth.chromium.test.js

Fluent API around playwright

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const path = tslib_1.__importStar(require("path"));
const fluent_api_1 = require("../../../fluent-api");
describe('Selector API - nth', () => {
    let p;
    beforeEach(() => {
        p = new fluent_api_1.PlaywrightFluent();
    });
    afterEach(async () => {
        await p.close();
    });
    test('should throw an error when index is 0', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'nth.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        const selector = p.selector('[role="row"]').nth(0);
        let result = undefined;
        try {
            await selector.getFirstHandleOrNull();
        }
        catch (error) {
            result = error;
        }
        // Then
        const expectedErrorMessage = 'Index is one-based';
        expect(result && result.message).toContain(expectedErrorMessage);
    });
    test('should get no handle on too big index', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'nth.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        const selector = p.selector('[role="row"]').nth(100);
        const handles = await selector.getAllHandles();
        // Then
        expect(Array.isArray(handles)).toBe(true);
        expect(handles.length).toBe(0);
    });
    test('should get first handle', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'nth.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        // prettier-ignore
        const selector = p
            .selector('[role="row"]')
            .find('select[data-test-id="my-select"]')
            .nth(1);
        const handles = await selector.getAllHandles();
        // Then
        expect(Array.isArray(handles)).toBe(true);
        expect(handles.length).toBe(1);
        expect(await handles[0].evaluate((node) => node.value)).toBe('1');
        expect(selector.toString()).toBe(`selector([role="row"])
  .find(select[data-test-id="my-select"])
  .nth(1)`);
    });
    test('should get last handle', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'nth.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        // prettier-ignore
        const selector = p
            .selector('[role="row"]')
            .find('select[data-test-id="my-select"]')
            .nth(-1);
        const handles = await selector.getAllHandles();
        // Then
        expect(Array.isArray(handles)).toBe(true);
        expect(handles.length).toBe(1);
        expect(await handles[0].evaluate((node) => node.value)).toBe('3');
        expect(selector.toString()).toBe(`selector([role="row"])
  .find(select[data-test-id="my-select"])
  .nth(-1)`);
    });
    test('should get the before the last handle', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'nth.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        // prettier-ignore
        const selector = p
            .selector('[role="row"]')
            .find('select[data-test-id="my-select"]')
            .nth(-2);
        const handles = await selector.getAllHandles();
        // Then
        expect(Array.isArray(handles)).toBe(true);
        expect(handles.length).toBe(1);
        expect(await handles[0].evaluate((node) => node.value)).toBe('2');
        expect(selector.toString()).toBe(`selector([role="row"])
  .find(select[data-test-id="my-select"])
  .nth(-2)`);
    });
    test('should get the third handle', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'nth.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        // prettier-ignore
        const selector = p
            .selector('[role="row"]')
            .find('select[data-test-id="my-select"]')
            .nth(3);
        const handles = await selector.getAllHandles();
        // Then
        expect(Array.isArray(handles)).toBe(true);
        expect(handles.length).toBe(1);
        expect(await handles[0].evaluate((node) => node.value)).toBe('3');
        expect(selector.toString()).toBe(`selector([role="row"])
  .find(select[data-test-id="my-select"])
  .nth(3)`);
    });
    test('should get handle, even when selector is created before page is instanciated', async () => {
        // Given
        // prettier-ignore
        const selector = p
            .selector('[role="row"]')
            .find('select[data-test-id="my-select"]')
            .nth(3);
        const url = `file:${path.join(__dirname, 'nth.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        const handles = await selector.getAllHandles();
        // Then
        expect(Array.isArray(handles)).toBe(true);
        expect(handles.length).toBe(1);
        expect(await handles[0].evaluate((node) => node.value)).toBe('3');
        expect(selector.toString()).toBe(`selector([role="row"])
  .find(select[data-test-id="my-select"])
  .nth(3)`);
    });
});