Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: http3 OR http2 OR true
- Manifest: devtools/server/tests/browser/browser.toml
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Simple CanvasFrameAnonymousContentHelper tests.
const TEST_URL =
"data:text/html;charset=utf-8,CanvasFrameAnonymousContentHelper test";
add_task(async function () {
const tab = await addTab(TEST_URL);
await SpecialPowers.spawn(tab.linkedBrowser, [], async function () {
const { require } = ChromeUtils.importESModule(
);
const {
HighlighterEnvironment,
const {
CanvasFrameAnonymousContentHelper,
const doc = content.document;
const nodeBuilder = () => {
const root = doc.createElement("div");
const child = doc.createElement("div");
child.style = "width:200px;height:200px;background:red;";
child.id = "child-element";
child.className = "child-element";
child.textContent = "test element";
root.appendChild(child);
return root;
};
info("Building the helper");
const env = new HighlighterEnvironment();
env.initFromWindow(doc.defaultView);
const helper = new CanvasFrameAnonymousContentHelper(env, nodeBuilder);
await helper.initialize();
ok(
content.AnonymousContent.isInstance(helper.content),
"The helper owns the AnonymousContent object"
);
ok(
helper.getTextContentForElement,
"The helper has the getTextContentForElement method"
);
ok(
helper.setTextContentForElement,
"The helper has the setTextContentForElement method"
);
ok(
helper.setAttributeForElement,
"The helper has the setAttributeForElement method"
);
ok(
helper.getAttributeForElement,
"The helper has the getAttributeForElement method"
);
ok(
helper.removeAttributeForElement,
"The helper has the removeAttributeForElement method"
);
ok(
helper.addEventListenerForElement,
"The helper has the addEventListenerForElement method"
);
ok(
helper.removeEventListenerForElement,
"The helper has the removeEventListenerForElement method"
);
ok(helper.getElement, "The helper has the getElement method");
ok(helper.scaleRootElement, "The helper has the scaleRootElement method");
is(
helper.getTextContentForElement("child-element"),
"test element",
"The text content was retrieve correctly"
);
is(
helper.getAttributeForElement("child-element", "id"),
"child-element",
"The ID attribute was retrieve correctly"
);
is(
helper.getAttributeForElement("child-element", "class"),
"child-element",
"The class attribute was retrieve correctly"
);
const el = helper.getElement("child-element");
ok(el, "The DOMNode-like element was created");
is(
el.getTextContent(),
"test element",
"The text content was retrieve correctly"
);
is(
el.getAttribute("id"),
"child-element",
"The ID attribute was retrieve correctly"
);
is(
el.getAttribute("class"),
"child-element",
"The class attribute was retrieve correctly"
);
info("Test the toggle API");
el.classList.toggle("test"); // This will set the class
is(
el.getAttribute("class"),
"child-element test",
"After toggling the class 'test', the class attribute contained the 'test' class"
);
el.classList.toggle("test"); // This will remove the class
is(
el.getAttribute("class"),
"child-element",
"After toggling the class 'test' again, the class attribute removed the 'test' class"
);
el.classList.toggle("test", true); // This will set the class
is(
el.getAttribute("class"),
"child-element test",
"After toggling the class 'test' again and keeping force=true, the class attribute added the 'test' class"
);
el.classList.toggle("test", true); // This will keep the class set
is(
el.getAttribute("class"),
"child-element test",
"After toggling the class 'test' again and keeping force=true,the class attribute contained the 'test' class"
);
el.classList.toggle("test", false); // This will remove the class
is(
el.getAttribute("class"),
"child-element",
"After toggling the class 'test' again and keeping force=false, the class attribute removed the 'test' class"
);
el.classList.toggle("test", false); // This will keep the class removed
is(
el.getAttribute("class"),
"child-element",
"After toggling the class 'test' again and keeping force=false, the class attribute removed the 'test' class"
);
info("Destroying the helper");
helper.destroy();
env.destroy();
ok(
!helper.getTextContentForElement("child-element"),
"No text content was retrieved after the helper was destroyed"
);
ok(
!helper.getAttributeForElement("child-element", "id"),
"No ID attribute was retrieved after the helper was destroyed"
);
ok(
!helper.getAttributeForElement("child-element", "class"),
"No class attribute was retrieved after the helper was destroyed"
);
});
gBrowser.removeCurrentTab();
});