Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test the ResourceCommand API for imported STYLESHEET + iframe.
const styleSheetText = `
@import "${URL_ROOT_ORG_SSL}/style_document.css";
body { background-color: tomato; }`;
<style>${styleSheetText}</style>
<h1>iframe</h1>
`)}`;
<h1>import stylesheet test</h1>
<iframe src="${encodeURIComponent(IFRAME_URL)}"></iframe>`;
add_task(async function () {
info("Check resource available feature of the ResourceCommand");
const tab = await addTab(TEST_URL);
const { client, resourceCommand, targetCommand } = await initResourceCommand(
tab
);
info("Check whether ResourceCommand gets existing stylesheet");
const availableResources = [];
await resourceCommand.watchResources([resourceCommand.TYPES.STYLESHEET], {
onAvailable: resources => availableResources.push(...resources),
});
await waitFor(() => availableResources.length === 2);
ok(true, "We're getting the expected stylesheets");
const styleNodeStyleSheet = availableResources.find(
resource => resource.nodeHref
);
const importedStyleSheet = availableResources.find(
resource => resource !== styleNodeStyleSheet
);
is(
await getStyleSheetResourceText(styleNodeStyleSheet),
styleSheetText,
"Got expected text for the <style> stylesheet"
);
is(
(await getStyleSheetResourceText(importedStyleSheet)).trim(),
`body { margin: 1px; }`,
"Got expected text for the imported stylesheet"
);
targetCommand.destroy();
await client.close();
});