browser_inspector_reload_nested_iframe.js

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

// Check that the markup view selection is preserved even if the selection is

// in a nested iframe.

const NESTED_IFRAME_URL = `https://example.com/document-builder.sjs?html=${encodeURIComponent(

  "<h3>second level iframe</h3>"

)}&delay=500`;

const TEST_URI = `data:text/html;charset=utf-8,

  <h1>Top-level</h1>

  <iframe id=first-level

    src='data:text/html;charset=utf-8,${encodeURIComponent(

      `<h2>first level iframe</h2><iframe id=second-level src="${NESTED_IFRAME_URL}"></iframe>`

)}'

  ></iframe>`;

add_task(async function () {

  const { inspector } = await openInspectorForURL(TEST_URI);

  await selectNodeInFrames(

    ["iframe#first-level", "iframe#second-level", "h3"],

    inspector

);

  const markupLoaded = inspector.once("markuploaded");

  info("Reloading page.");

  await navigateTo(TEST_URI);

  info("Waiting for markupview to load after reload.");

  await markupLoaded;

  // This was broken at some point, see Bug 1733539.

  ok(true, "The markup did reload fine");

  const reloadedNodeFront = await getNodeFrontInFrames(

    ["iframe#first-level", "iframe#second-level", "h3"],

    inspector

);

is(

    inspector.selection.nodeFront,

    reloadedNodeFront,

    `h3 selected after reload`

);

});