browser_markup_void_elements_xhtml.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

// Test void element display in the markupview.

const TEST_URL = URL_ROOT + "doc_markup_void_elements.xhtml";

add_task(async function () {

  const { inspector } = await openInspectorForURL(TEST_URL);

  const { win } = inspector.markup;

  info("check non-void element closing tag is displayed");

  const { editor } = await getContainerForSelector("h1", inspector);

ok(

    !editor.elt.classList.contains("void-element"),

    "h1 element does not have void-element class"

);

  Assert.notStrictEqual(

    !editor.elt.querySelector(".close").style.display,

    "none",

    "h1 element tag is not hidden"

);

  info("check void element closing tag is not hidden in XHTML document");

  const container = await getContainerForSelector("br", inspector);

ok(

    !container.editor.elt.classList.contains("void-element"),

    "br element does not have void-element class"

);

  const closeElement = container.editor.elt.querySelector(".close");

  const computedStyle = win.getComputedStyle(closeElement);

  Assert.notStrictEqual(

    computedStyle.display,

    "none",

    "br closing tag is not hidden"

);

});