summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-contain/container-queries/idlharness.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/container-queries/idlharness.html')
-rw-r--r--testing/web-platform/tests/css/css-contain/container-queries/idlharness.html29
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/container-queries/idlharness.html b/testing/web-platform/tests/css/css-contain/container-queries/idlharness.html
new file mode 100644
index 0000000000..ac1a677bb9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-contain/container-queries/idlharness.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<title>CSS Container Queries: CSSContainer Rule IDL tests</title>
+<link rel="help" href="https://drafts.csswg.org/css-contain-3/">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/WebIDLParser.js"></script>
+<script src="/resources/idlharness.js"></script>
+<!-- used to provide objects -->
+<style>
+ @container cont (width = 100px) {
+ @container (inline-size > 200em) {
+ #id { color: lime }
+ }
+ #id { color: green }
+ }
+</style>
+<script>
+ idl_test(
+ ['css-contain-3'],
+ ['css-conditional', 'cssom', 'dom'],
+ idl_array => {
+ idl_array.add_objects({
+ CSSContainerRule: ['sheet.cssRules[0]',
+ 'sheet.cssRules[0].cssRules[0]'],
+ });
+ self.sheet = document.styleSheets[0];
+ }
+ );
+</script>