summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_reload-02.js
blob: da27805f21c86db0ea10d064c42a3ab1b4e008e9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/* 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";

// A test to ensure reloading a page doesn't break the inspector.

// Reload should reselect the currently selected markup view element.
// This should work even when an element whose selector is inaccessible
// is selected (bug 1038651).
const TEST_URI =
  'data:text/xml,<?xml version="1.0" standalone="no"?>' +
  '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"' +
  '  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">' +
  '<svg width="4cm" height="4cm" viewBox="0 0 400 400"' +
  '     xmlns="http://www.w3.org/2000/svg" version="1.1">' +
  "  <title>Example triangle01- simple example of a path</title>" +
  "  <desc>A path that draws a triangle</desc>" +
  '  <rect x="1" y="1" width="398" height="398"' +
  '        fill="none" stroke="blue" />' +
  '  <path d="M 100 100 L 300 100 L 200 300 z"' +
  '        fill="red" stroke="blue" stroke-width="3" />' +
  "</svg>";

add_task(async function () {
  const { inspector } = await openInspectorForURL(TEST_URI);

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

  info("Reloading page.");
  await navigateTo(TEST_URI);

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

  const svgFront = await getNodeFront("svg", inspector);
  is(inspector.selection.nodeFront, svgFront, "<svg> selected after reload.");

  info("Selecting a node to see that inspector still works.");
  await selectNode("rect", inspector);

  info("Reloading page.");
  await navigateTo(TEST_URI);

  const rectFront = await getNodeFront("rect", inspector);
  is(inspector.selection.nodeFront, rectFront, "<rect> selected after reload.");
});