playwright-fluent/lib/selector-api/tests/for-each/for-each.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 - forEach', () => {
    let p;
    beforeEach(() => {
        p = new fluent_api_1.PlaywrightFluent();
    });
    afterEach(async () => {
        await p.close();
    });
    test('should throw an error when browser has not been launched', async () => {
        // Given
        // When
        let result = undefined;
        try {
            const selectors = p.selector('foobar');
            // eslint-disable-next-line @typescript-eslint/no-empty-function
            await selectors.forEach(async () => { });
        }
        catch (error) {
            result = error;
        }
        // Then
        const expectedErrorMessage = "Cannot query selector 'foobar' because no browser has been launched";
        expect(result && result.message).toContain(expectedErrorMessage);
    });
    test('should do nothing on wrong selector', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'for-each.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .navigateTo(url);
        // When
        const selectors = p.selector('foobar');
        const fn = jest.fn();
        await selectors.forEach(fn);
        // Then
        expect(fn).toHaveBeenCalledTimes(0);
    });
    test('should check each checkbox', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'for-each.test.html')}`;
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .withCursor()
            .withDefaultWaitOptions({ stabilityInMilliseconds: 0 })
            .navigateTo(url);
        // When
        const rows = p.selector('[role="row"]');
        let count = 0;
        await rows.forEach(async (row, index) => {
            // eslint-disable-next-line no-console
            console.log(`processing row #${index}`);
            const checkbox = row.find('input[type="checkbox"]');
            await p.hover(checkbox).check(checkbox);
            count = index;
        });
        // Then
        expect(count).toBe(3);
        await rows.forEach(async (row) => {
            const checkbox = row.find('input[type="checkbox"]');
            await p.hover(checkbox).expectThat(checkbox).isChecked();
        });
    });
    test('should check each checkbox, even when selector is created before browser is launched', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'for-each.test.html')}`;
        const rows = p.selector('[role="row"]');
        // prettier-ignore
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .withCursor()
            .withDefaultWaitOptions({ stabilityInMilliseconds: 0 })
            .navigateTo(url);
        // When
        await rows.forEach(async (row) => {
            const checkbox = row.find('input[type="checkbox"]');
            await p.hover(checkbox).check(checkbox);
        });
        // Then
        await rows.forEach(async (row) => {
            const checkbox = row.find('input[type="checkbox"]');
            await p.hover(checkbox).expectThat(checkbox).isChecked();
        });
    });
    test('should check each checkbox on ag-grid', async () => {
        // Given
        const url = `https://www.ag-grid.com/javascript-data-grid/keyboard-navigation/`;
        const cookiesConsentButton = p
            .selector('#onetrust-button-group')
            .find('button')
            .withText('Accept All Cookies');
        const gridContainer = 'div#myGrid';
        const rowsContainer = 'div.ag-body-viewport div.ag-center-cols-container';
        const rows = p.selector(gridContainer).find(rowsContainer).find('div[role="row"]');
        const filter = p
            .selector(gridContainer)
            .find('input[aria-label="Athlete Filter Input"]')
            .parent();
        await p
            .withBrowser('chromium')
            .withOptions({ headless: true })
            .withCursor()
            .withDefaultWaitOptions({ stabilityInMilliseconds: 0 });
        await p
            .navigateTo(url)
            .click(cookiesConsentButton)
            .switchToIframe('iframe[title="grid-keyboard-navigation"]')
            .hover(gridContainer)
            .click(filter)
            .typeText('Julia')
            .pressKey('Enter')
            .expectThat(rows.nth(1))
            .hasText('Julia');
        // When
        await rows.forEach(async (row) => {
            const checkbox = row
                .find('input')
                .withAriaLabel('Press Space to toggle row selection (unchecked)')
                .parent();
            await p.click(checkbox);
        });
        // Then
        await rows.forEach(async (row) => {
            const checkbox = row.find('input[type="checkbox"]');
            await p.hover(checkbox.parent()).expectThat(checkbox).isChecked();
        });
    });
});