test/e2e/sources/live-edit-moving-breakpoint_test.ts

// Copyright 2022 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 {
  click,
  getBrowserAndPages,
  pressKey,
  step,
  waitFor,
} from '../../shared/helper.js';
import {
  addBreakpointForLine,
  isBreakpointSet,
  openSourceCodeEditorForFile,
  reloadPageAndWaitForSourceFile,
} from '../helpers/sources-helpers.js';

describe('Live edit', () => {
  it('moves the breakpoint after reload when changes are not persisted', async () => {
    const {frontend, target} = getBrowserAndPages();
    await openSourceCodeEditorForFile('live-edit-moving-breakpoint.js', 'live-edit-moving-breakpoint.html');

    await step('add two newlines to the script', async () => {
      const editorContent = await waitFor('.cm-content');
      // Place the caret at the end of the marker line by clicking in the middle of the
      // line element and then pressing 'End'.
      await click('pierceShadowText/// Insertion marker for newline.', {
        root: editorContent,
      });
      await frontend.keyboard.press('End');

      await frontend.keyboard.press('Enter');
      await frontend.keyboard.press('Enter');
    });

    await step('save the script and wait for the save to go through', async () => {
      await pressKey('s', {control: true});
      await waitFor('[aria-label="live-edit-moving-breakpoint.js"]');
    });

    await step('set a breakpoint in the "await" line', async () => {
      await addBreakpointForLine(frontend, 9);
    });

    await step('reload the page and verify that the breakpoint has moved', async () => {
      await reloadPageAndWaitForSourceFile(target, 'live-edit-moving-breakpoint.js');
      await openSourceCodeEditorForFile('live-edit-moving-breakpoint.js', 'live-edit-moving-breakpoint.html');

      assert.isFalse(await isBreakpointSet(9));
      assert.isTrue(await isBreakpointSet(7));
    });
  });
});