diff options
Diffstat (limited to 'layout/inspector/tests/test_parseStyleSheetImport.html')
-rw-r--r-- | layout/inspector/tests/test_parseStyleSheetImport.html | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/layout/inspector/tests/test_parseStyleSheetImport.html b/layout/inspector/tests/test_parseStyleSheetImport.html new file mode 100644 index 0000000000..b46e0cf726 --- /dev/null +++ b/layout/inspector/tests/test_parseStyleSheetImport.html @@ -0,0 +1,82 @@ +<!DOCTYPE HTML> +<html> +<!-- + https://bugzilla.mozilla.org/show_bug.cgi?id=1202095 +--> + <head> + <title>Test for Bug 1202095</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> + <style> + @import url('bug1202095.css'); + @import url('bug1202095-2.css'); + </style> + </head> + <body> + <script type="application/javascript"> +const InspectorUtils = SpecialPowers.InspectorUtils; + +function do_test() { + var sheet = document.styleSheets[1]; + var importRule = sheet.cssRules[0]; + is(importRule.type, CSSRule.IMPORT_RULE, + "initial sheet has @import rule"); + + var importedSheet = importRule.styleSheet; + importedSheet.deleteRule(0); + is(importedSheet.cssRules.length, 0, "imported sheet now has no rules"); + + // "suffixed" refers to the "-2". + var suffixedSheet = sheet.cssRules[1].styleSheet; + InspectorUtils.parseStyleSheet(suffixedSheet, ""); + is(suffixedSheet.cssRules.length, 0, "second imported sheet now has no rules"); + + // Re-parse the style sheet, preserving the imports. + InspectorUtils.parseStyleSheet(sheet, "@import url('bug1202095.css');" + + "@import url('bug1202095-2.css');"); + is(sheet.cssRules[0].type, CSSRule.IMPORT_RULE, + "re-parsed sheet has @import rule"); + is(sheet.cssRules[0].styleSheet, importedSheet, + "imported sheet has not changed"); + is(sheet.cssRules[1].styleSheet, suffixedSheet, + "second imported sheet has not changed"); + + // Re-parse the style sheet, preserving both imports, but changing + // the order. + InspectorUtils.parseStyleSheet(sheet, "@import url('bug1202095-2.css');" + + "@import url('bug1202095.css');"); + is(sheet.cssRules[0].styleSheet, suffixedSheet, + "reordering preserved suffixed style sheet"); + is(sheet.cssRules[1].styleSheet, importedSheet, + "reordering preserved unsuffixed style sheet"); + + // Re-parse the style sheet, removing the imports. + InspectorUtils.parseStyleSheet(sheet, ""); + is(sheet.cssRules.length, 0, "style sheet now has no rules"); + + // Re-parse the style sheet, adding one import back. This should + // not allow reuse. + InspectorUtils.parseStyleSheet(sheet, "@import url('bug1202095.css');"); + is(sheet.cssRules[0].type, CSSRule.IMPORT_RULE, + "re-re-re-parsed sheet has @import rule"); + isnot(sheet.cssRules[0].styleSheet, importedSheet, + "imported sheet has changed now"); + + // Re-parse the style sheet, importing the same URL twice. + // The style sheet should be reused once, but not two times. + importedSheet = sheet.cssRules[0].styleSheet; + InspectorUtils.parseStyleSheet(sheet, "@import url('bug1202095.css');" + + "@import url('bug1202095.css');"); + is(sheet.cssRules[0].styleSheet, importedSheet, + "first imported sheet is reused"); + isnot(sheet.cssRules[1].styleSheet, importedSheet, + "second imported sheet is reused"); + + SimpleTest.finish(); +} + +SimpleTest.waitForExplicitFinish(); +addLoadEvent(do_test); + </script> + </body> +</html> |