browser_rules_add-rule-namespace-elements.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Tests the behaviour of adding a new rule using the add rule button

// on namespaced elements.

const XHTML = `

  <!DOCTYPE html>

  <html xmlns="http://www.w3.org/1999/xhtml"

        xmlns:svg="http://www.w3.org/2000/svg">

    <body>

      <svg:svg width="100" height="100">

        <svg:clipPath>

          <svg:rect x="0" y="0" width="10" height="5"></svg:rect>

        </svg:clipPath>

        <svg:circle cx="0" cy="0" r="5"></svg:circle>

      </svg:svg>

    </body>

  </html>

`;

const TEST_URI = "data:application/xhtml+xml;charset=utf-8," + encodeURI(XHTML);

const TEST_DATA = [

  { node: "clipPath", expected: "clipPath" },

  { node: "rect", expected: "rect" },

  { node: "circle", expected: "circle" },

];

add_task(async function () {

  await addTab(TEST_URI);

  const { inspector, view } = await openRuleView();

  for (const data of TEST_DATA) {

    const { node, expected } = data;

    await selectNode(node, inspector);

    await addNewRuleAndDismissEditor(inspector, view, expected, 1);

});