Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: os == 'android'
- Manifest: devtools/shared/tests/xpcshell/xpcshell.toml
/* Any copyright is dedicated to the Public Domain.
// Test prettifyCSS.
"use strict";
const {
prettifyCSS,
} = require("resource://devtools/shared/inspector/css-logic.js");
const EXPAND_TAB = "devtools.editor.expandtab";
const TAB_SIZE = "devtools.editor.tabsize";
const TESTS_TAB_INDENT = [
{
name: "simple test. indent using tabs",
input: "div { font-family:'Arial Black', Arial, sans-serif; }",
expected: ["div {", "\tfont-family:'Arial Black', Arial, sans-serif;", "}"],
},
{
name: "whitespace before open brace. indent using tabs",
input: "div{}",
expected: ["div {", "}"],
},
{
name: "minified with trailing newline. indent using tabs",
input:
"\nbody{background:white;}div{font-size:4em;color:red}span{color:green;}\n",
expected: [
"body {",
"\tbackground:white;",
"}",
"div {",
"\tfont-size:4em;",
"\tcolor:red",
"}",
"span {",
"\tcolor:green;",
"}",
],
},
{
name: "leading whitespace. indent using tabs",
input: "\n div{color: red;}",
expected: ["div {", "\tcolor: red;", "}"],
},
{
name: "CSS with extra closing brace. indent using tabs",
input: "body{margin:0}} div{color:red}",
expected: ["body {", "\tmargin:0", "}", "}", "div {", "\tcolor:red", "}"],
},
];
const TESTS_SPACE_INDENT = [
{
name: "simple test. indent using spaces",
input: "div { font-family:'Arial Black', Arial, sans-serif; }",
expected: [
"div {",
" font-family:'Arial Black', Arial, sans-serif;",
"}",
],
},
{
name: "whitespace before open brace. indent using spaces",
input: "div{}",
expected: ["div {", "}"],
},
{
name: "minified with trailing newline. indent using spaces",
input:
"\nbody{background:white;}div{font-size:4em;color:red}span{color:green;}\n",
expected: [
"body {",
" background:white;",
"}",
"div {",
" font-size:4em;",
" color:red",
"}",
"span {",
" color:green;",
"}",
],
},
{
name: "leading whitespace. indent using spaces",
input: "\n div{color: red;}",
expected: ["div {", " color: red;", "}"],
},
{
name: "CSS with extra closing brace. indent using spaces",
input: "body{margin:0}} div{color:red}",
expected: [
"body {",
" margin:0",
"}",
"}",
"div {",
" color:red",
"}",
],
},
{
name: "HTML comments with some whitespace padding",
input: " \n\n\t <!--\n\n\t body {color:red} \n\n--> \t\n",
expected: ["body {", " color:red", "}"],
},
{
name: "HTML comments without whitespace padding",
input: "<!--body {color:red}-->",
expected: ["body {", " color:red", "}"],
},
{
name: "Breaking after commas in selectors",
input:
"@media screen, print {div, span, input {color: red;}}" +
"div, div, input, pre, table {color: blue;}",
expected: [
"@media screen, print {",
" div,",
" span,",
" input {",
" color: red;",
" }",
"}",
"div,",
"div,",
"input,",
"pre,",
"table {",
" color: blue;",
"}",
],
},
{
name: "Multiline comment in CSS",
input: "/*\n * comment\n */\n#example{display:grid;}",
expected: [
"/*",
" * comment",
" */",
"#example {",
" display:grid;",
"}",
],
},
];
function run_test() {
// Note that prettifyCSS.LINE_SEPARATOR is computed lazily, so we
// ensure it is set.
prettifyCSS("");
Services.prefs.setBoolPref(EXPAND_TAB, true);
Services.prefs.setIntPref(TAB_SIZE, 4);
for (const test of TESTS_SPACE_INDENT) {
info(test.name);
const input = test.input.split("\n").join(prettifyCSS.LINE_SEPARATOR);
const { result: output } = prettifyCSS(input);
const expected =
test.expected.join(prettifyCSS.LINE_SEPARATOR) +
prettifyCSS.LINE_SEPARATOR;
equal(output, expected, test.name);
}
Services.prefs.setBoolPref(EXPAND_TAB, false);
for (const test of TESTS_TAB_INDENT) {
info(test.name);
const input = test.input.split("\n").join(prettifyCSS.LINE_SEPARATOR);
const { result: output } = prettifyCSS(input);
const expected =
test.expected.join(prettifyCSS.LINE_SEPARATOR) +
prettifyCSS.LINE_SEPARATOR;
equal(output, expected, test.name);
}
Services.prefs.clearUserPref(EXPAND_TAB);
Services.prefs.clearUserPref(TAB_SIZE);
}