test/e2e/network/network-throttle-persist_test.ts

// Copyright 2021 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {assert} from 'chai';
import {type ElementHandle} from 'puppeteer-core';

import {reloadDevTools, waitFor, waitForAria} from '../../shared/helper.js';
import {describe, it} from '../../shared/mocha-extensions.js';
import {navigateToNetworkTab} from '../helpers/network-helpers.js';

describe('The Network Tab', function() {
  // These tests reload panels repeatedly, which can take a longer time.
  this.timeout(20_000);

  beforeEach(async () => {
    await navigateToNetworkTab('empty.html');
  });

  async function assertOption(select: ElementHandle<HTMLSelectElement>, expected: string) {
    assert.strictEqual(await select.evaluate(el => el.selectedOptions.length), 1);
    assert.strictEqual(await select.evaluate(el => el.selectedOptions[0].getAttribute('aria-label')), expected);
  }

  it('can persist throttling conditions', async () => {
    // Start with no throttling, select an option "A".
    {
      const select = await waitFor<HTMLSelectElement>('select', await waitForAria('Throttling'));
      await assertOption(select, 'Disabled: No throttling');
      await select.select('Fast 3G');
      await assertOption(select, 'Presets: Fast 3G');
    }
    // Verify persistence for "A", select another option "B".
    await reloadDevTools({queryParams: {panel: 'network'}});
    {
      const select = await waitFor<HTMLSelectElement>('select', await waitForAria('Throttling'));
      await assertOption(select, 'Presets: Fast 3G');
      await select.select('Slow 3G');
      await assertOption(select, 'Presets: Slow 3G');
    }
    // Verify persistence for "B", disable throttling.
    await reloadDevTools({queryParams: {panel: 'network'}});
    {
      const select = await waitFor<HTMLSelectElement>('select', await waitForAria('Throttling'));
      await assertOption(select, 'Presets: Slow 3G');
      await select.select('No throttling');
      await assertOption(select, 'Disabled: No throttling');
    }
    // Verify persistence of disabled throttling.
    await reloadDevTools({queryParams: {panel: 'network'}});
    {
      const select = await waitFor<HTMLSelectElement>('select', await waitForAria('Throttling'));
      await assertOption(select, 'Disabled: No throttling');
    }
  });
});