playwright-fluent/lib/fluent-api/tests/select-by-value-in/select-by-value-in.chromium.headfull.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 SUT = tslib_1.__importStar(require("../../playwright-fluent"));
describe('Playwright Fluent - selectByValue(values).in(selector)', () => {
    let p;
    beforeEach(() => {
        p = new SUT.PlaywrightFluent();
    });
    afterEach(async () => {
        await p.close();
    });
    test('should select an existing option - chromium', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'select-by-value-in.test.html')}`;
        const selector = '#select';
        // When
        await p
            .withBrowser('chromium')
            .withOptions({ headless: false })
            .withCursor()
            .navigateTo(url)
            .selectByValue('value 2')
            .in(selector);
        // Then
        const value = await p.getValueOf(selector);
        expect(value).toBe('value 2');
        const hasFocus = await p.hasFocus(selector);
        expect(hasFocus).toBe(false);
        const selectedOption = await p.getSelectedOptionOf(selector);
        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        expect(selectedOption.selected).toBe(true);
        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        expect(selectedOption.label).toBe('label 2');
    });
    test('should select an existing option of a selector object - chromium', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'select-by-value-in.test.html')}`;
        const selector = p.selector('select').withText('Please select an option');
        // When
        await p
            .withBrowser('chromium')
            .withOptions({ headless: false })
            .withCursor()
            .navigateTo(url)
            .selectByValue('value 2')
            .in(selector);
        // Then
        const value = await p.getValueOf('#select');
        expect(value).toBe('value 2');
        const hasFocus = await p.hasFocus(selector);
        expect(hasFocus).toBe(false);
        const selectedOption = await selector.selectedOption();
        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        expect(selectedOption.selected).toBe(true);
        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        expect(selectedOption.label).toBe('label 2');
    });
    test('should wait until option is available - chromium', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'select-by-value-in.test.html')}`;
        const selector = '#select';
        // When
        await p
            .withBrowser('chromium')
            .withOptions({ headless: false })
            .withCursor()
            .navigateTo(url)
            .selectByValue('value bar')
            .in(selector);
        // Then
        const value = await p.getValueOf(selector);
        expect(value).toBe('value bar');
    });
    test('should wait until option is available in selector object - chromium', async () => {
        // Given
        const url = `file:${path.join(__dirname, 'select-by-value-in.test.html')}`;
        const selector = p.selector('select').withText('Please select an option');
        // When
        await p
            .withBrowser('chromium')
            .withOptions({ headless: false })
            .withCursor()
            .navigateTo(url)
            .selectByValue('value bar')
            .in(selector);
        // Then
        const selectedOption = await selector.selectedOption();
        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
        expect(selectedOption.value).toBe('value bar');
    });
});