"use strict";
// Copyright 2020 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
Object.defineProperty(exports, "__esModule", { value: true });
const chai_1 = require("chai");
const network_helpers_js_1 = require("../helpers/network-helpers.js");
const SIMPLE_PAGE_REQUEST_NUMBER = 10;
const SIMPLE_PAGE_URL = `requests.html?num=${SIMPLE_PAGE_REQUEST_NUMBER}`;
describe('The Network Tab', function () {
    async function navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage) {
        await (0, network_helpers_js_1.navigateToNetworkTab)('empty.html', devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.setCacheDisabled)(true, devToolsPage);
        await (0, network_helpers_js_1.setKeepLog)(false, devToolsPage);
    }
    it('displays requests', async ({ devToolsPage, inspectedPage }) => {
        await navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.navigateToNetworkTab)(SIMPLE_PAGE_URL, devToolsPage, inspectedPage);
        // Wait for all the requests to be displayed + 1 to account for the page itself.
        await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(SIMPLE_PAGE_REQUEST_NUMBER + 1, devToolsPage);
        const expectedNames = [];
        expectedNames.push('favicon.ico');
        for (let i = 0; i < SIMPLE_PAGE_REQUEST_NUMBER; i++) {
            expectedNames.push(`image.svg?id=${i}`);
        }
        expectedNames.push(SIMPLE_PAGE_URL);
        const names = (await (0, network_helpers_js_1.getAllRequestNames)(devToolsPage)).sort();
        chai_1.assert.deepEqual(names, expectedNames, 'The right request names should appear in the list');
    });
    it('can select requests', async ({ devToolsPage, inspectedPage }) => {
        await navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.navigateToNetworkTab)(SIMPLE_PAGE_URL, devToolsPage, inspectedPage);
        let selected = await (0, network_helpers_js_1.getSelectedRequestName)(devToolsPage);
        chai_1.assert.isNull(selected, 'No request should be selected by default');
        await (0, network_helpers_js_1.selectRequestByName)(SIMPLE_PAGE_URL, {}, devToolsPage);
        await (0, network_helpers_js_1.waitForSelectedRequestChange)(selected, devToolsPage);
        selected = await (0, network_helpers_js_1.getSelectedRequestName)(devToolsPage);
        chai_1.assert.strictEqual(selected, SIMPLE_PAGE_URL, 'Selecting the first request should work');
        const lastRequestName = `image.svg?id=${SIMPLE_PAGE_REQUEST_NUMBER - 1}`;
        await (0, network_helpers_js_1.selectRequestByName)(lastRequestName, {}, devToolsPage);
        await (0, network_helpers_js_1.waitForSelectedRequestChange)(selected, devToolsPage);
        selected = await (0, network_helpers_js_1.getSelectedRequestName)(devToolsPage);
        chai_1.assert.strictEqual(selected, lastRequestName, 'Selecting the last request should work');
    });
    it('can persist requests', async ({ devToolsPage, inspectedPage }) => {
        await navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.navigateToNetworkTab)(SIMPLE_PAGE_URL, devToolsPage, inspectedPage);
        // Wait for all the requests to be displayed + 1 to account for the page itself, and get their names.
        await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(SIMPLE_PAGE_REQUEST_NUMBER + 1, devToolsPage);
        const firstPageRequestNames = (await (0, network_helpers_js_1.getAllRequestNames)(devToolsPage)).sort();
        await (0, network_helpers_js_1.setKeepLog)(true, devToolsPage);
        // Navigate to a new page, and wait for the same requests to still be there.
        await inspectedPage.goTo('about:blank');
        await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(SIMPLE_PAGE_REQUEST_NUMBER + 1, devToolsPage);
        let secondPageRequestNames = [];
        await devToolsPage.waitForFunction(async () => {
            secondPageRequestNames = await (0, network_helpers_js_1.getAllRequestNames)(devToolsPage);
            return secondPageRequestNames.length === SIMPLE_PAGE_REQUEST_NUMBER + 2;
        });
        secondPageRequestNames.sort();
        chai_1.assert.deepEqual(secondPageRequestNames, firstPageRequestNames, 'The requests were persisted');
    });
    it('should continue receiving new requests after timeline filter is cleared', async ({ devToolsPage, inspectedPage }) => {
        await navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.navigateToNetworkTab)('infinite-requests.html', devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(2, devToolsPage);
        await (0, network_helpers_js_1.setTimeWindow)(devToolsPage);
        const initialNumberOfRequests = await (0, network_helpers_js_1.getNumberOfRequests)(devToolsPage);
        chai_1.assert.isTrue(initialNumberOfRequests > 1);
        await (0, network_helpers_js_1.clearTimeWindow)(devToolsPage);
        // Time filter is cleared so the number of requests must be greater than the initial number.
        const numOfRequest = await devToolsPage.waitForFunction(async () => {
            const numberOfRequestsAfterFilter = await (0, network_helpers_js_1.getNumberOfRequests)(devToolsPage);
            if (numberOfRequestsAfterFilter < initialNumberOfRequests) {
                return false;
            }
            return numberOfRequestsAfterFilter;
        });
        // After some time we expect new requests to come so it must be
        // that the number of requests increased.
        await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(numOfRequest + 1, devToolsPage);
    });
    it('should display preloaded request column with correct value', async ({ devToolsPage, inspectedPage }) => {
        await navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.navigateToNetworkTab)('preload.html', devToolsPage, inspectedPage);
        await (0, network_helpers_js_1.setTextFilter)('is:preloaded', devToolsPage);
        await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(1, devToolsPage);
        const names = await (0, network_helpers_js_1.getAllRequestNames)(devToolsPage);
        chai_1.assert.include(names, 'style.css');
        await devToolsPage.click('pierce/thead .name-column', { clickOptions: { button: 'right' } });
        await devToolsPage.click('aria/Preloaded, unchecked');
        await devToolsPage.waitForFunction(async () => {
            const values = await devToolsPage.page.$$eval('pierce/.is-preloaded-column', cells => cells.map(cell => cell.textContent?.trim()));
            return values.includes('true');
        });
    });
    describe('with durable messages', function () {
        setup({ enabledFeatures: ['DevToolsEnableDurableMessages'] });
        it('can persist requests across cross-origin navigation', async ({ devToolsPage, inspectedPage }) => {
            await navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage);
            await (0, network_helpers_js_1.setKeepLog)(true, devToolsPage);
            await (0, network_helpers_js_1.navigateToNetworkTab)('headers-and-payload.html', devToolsPage, inspectedPage);
            await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(3, devToolsPage);
            // Navigate to a different origin's page
            await inspectedPage.goToResourceWithCustomHost('devtools.test', 'host/page-with-oopif.html');
            // Introspect a request from the first navigation
            await (0, network_helpers_js_1.selectRequestByName)('headers-and-payload.html', {}, devToolsPage);
            const networkView = await devToolsPage.waitFor('.network-item-view');
            await devToolsPage.click('[aria-label=Response].tabbed-pane-header-tab', {
                root: networkView,
            });
            await devToolsPage.waitFor('[aria-label=Response].tabbed-pane-header-tab[aria-selected=true]', networkView);
            await devToolsPage.waitFor('devtools-text-editor');
        });
        it('does not persist response body if keep log was disabled during request', async ({ devToolsPage, inspectedPage }) => {
            await navigateToNetworkTabEmptyPage(devToolsPage, inspectedPage);
            await (0, network_helpers_js_1.setKeepLog)(false, devToolsPage);
            await (0, network_helpers_js_1.navigateToNetworkTab)('headers-and-payload.html', devToolsPage, inspectedPage);
            await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(3, devToolsPage);
            // Enable keep log after requests are made
            await (0, network_helpers_js_1.setKeepLog)(true, devToolsPage);
            // Navigate to a different origin's page
            await inspectedPage.goToResourceWithCustomHost('devtools.test', 'host/page-with-oopif.html');
            // Requests should still be there because keep log was enabled before navigation
            await (0, network_helpers_js_1.waitForSomeRequestsToAppear)(3, devToolsPage);
            // Introspect a request from the first navigation
            await (0, network_helpers_js_1.selectRequestByName)('headers-and-payload.html', {}, devToolsPage);
            const networkView = await devToolsPage.waitFor('.network-item-view');
            await devToolsPage.click('[aria-label=Response].tabbed-pane-header-tab', {
                root: networkView,
            });
            await devToolsPage.waitFor('[aria-label=Response].tabbed-pane-header-tab[aria-selected=true]', networkView);
            // Verify that the response body is NOT available.
            // Wait for the expected fallback UI element that DevTools renders when a response body isn't available.
            const emptyView = await devToolsPage.waitFor('.empty-state');
            const emptyStateHeader = await emptyView.$('.empty-state-header');
            const emptyStateText = await emptyStateHeader?.evaluate(el => el.textContent);
            chai_1.assert.strictEqual(emptyStateText, 'Failed to load response data');
            const editors = await devToolsPage.$$('devtools-text-editor');
            chai_1.assert.isEmpty(editors, 'Editor should not have appeared because body should not be durable');
        });
    });
});
//# sourceMappingURL=network.test.js.map