From 604f2375f4dc31d8a26cded3deabf21a2f0b82f9 Mon Sep 17 00:00:00 2001 From: Sebastian Zartner Date: Mon, 10 Jan 2022 21:40:20 +0100 Subject: [PATCH 1/4] Added CSS 2 --- csstest.js | 2 +- tests.js | 839 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 799 insertions(+), 42 deletions(-) diff --git a/csstest.js b/csstest.js index 2c6483f..87ab47a 100644 --- a/csstest.js +++ b/csstest.js @@ -413,7 +413,7 @@ function runTests(filter = '') { var specs = []; var timeBefore = +new Date; - var removedWords = / *(?:\([^)]*\)|:.*|\b(?:CSS|Module)\b)( *)/g; + var removedWords = / *(?:\([^)]*\)|:.*|\b(?:CSS(?! 2)|Module)\b)( *)/g; for (var spec in Specs) { // Filter list of specifications diff --git a/tests.js b/tests.js index 0355491..9bcaf3e 100644 --- a/tests.js +++ b/tests.js @@ -54,6 +54,800 @@ window.Specs = { } }, + "css2": { + "title": "Cascading Style Sheets Level 2 Revision 1", + "links": { + "tr": "CSS2/", + "dev": "css2/" + }, + "properties": { + "background-attachment": { + "links": { + "tr": "colors.html#propdef-background-attachment", + "dev": "#propdef-background-attachment" + }, + tests: ["scroll", "fixed"] + }, + "background-color": { + "links": { + "tr": "colors.html#propdef-background-color", + "dev": "#propdef-background-color" + }, + tests: [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + }, + "background-image": { + "links": { + "tr": "colors.html#propdef-background-image", + "dev": "#propdef-background-image" + }, + tests: ["none", "url('image.png')", "url(image.png)"] + }, + "background-position": { + "links": { + "tr": "colors.html#propdef-background-position", + "dev": "#propdef-background-position" + }, + tests: [ + "10% 100px", "100px center", "center 10%", "left", "center", + "right", "top", "bottom", "left center", "center bottom" + ] + }, + "background-repeat": { + "links": { + "tr": "colors.html#propdef-background-repeat", + "dev": "#propdef-background-repeat" + }, + tests: ["repeat", "repeat-x", "repeat-y", "no-repeat"] + }, + "background": { + "links": { + "tr": "colors.html#propdef-background", + "dev": "#propdef-background" + }, + tests: [ + "none", "black", "url('image.png')", "repeat-x", "fixed", "10% center", + "#ffffff url('image.png')", "url(image.png) repeat-y", "scroll center 100px" + ] + }, + "border-collapse": { + "links": { + "tr": "tables.html#propdef-border-collapse", + "dev": "#propdef-border-collapse" + }, + tests: ["collapse", "separate"] + }, + "border-color": { + "links": { + "tr": "box.html#propdef-border-color", + "dev": "#border-color-properties" + }, + tests: [ + "black", "#ff0000 rgb(0, 255, 0)", + "rgb(0%, 0%, 100%) #0f0 transparent", + "red green blue yellow" + ] + }, + "border-spacing": { + "links": { + "tr": "tables.html#propdef-border-spacing", + "dev": "#propdef-border-spacing" + }, + tests: ["10px", "1em 0.5cm"] + }, + "border-style": { + "links": { + "tr": "box.html#border-style-properties", + "dev": "#border-style-properties" + }, + tests: [ + "none", "none dashed", "none dashed dotted", "none dashed dotted solid" + ] + }, + "border-top": { + "links": { + "tr": "box.html#border-shorthand-properties", + "dev": "#border-shorthand-properties" + }, + tests: [ + "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", + "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" + ] + }, + "border-right": { + "links": { + "tr": "box.html#border-shorthand-properties", + "dev": "#border-shorthand-properties" + }, + tests: [ + "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", + "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" + ] + }, + "border-bottom": { + "links": { + "tr": "box.html#border-shorthand-properties", + "dev": "#border-shorthand-properties" + }, + tests: [ + "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", + "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" + ] + }, + "border-left": { + "links": { + "tr": "box.html#border-shorthand-properties", + "dev": "#border-shorthand-properties" + }, + tests: [ + "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", + "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" + ] + }, + "border-top-color": { + "links": { + "tr": "box.html#border-color-properties", + "dev": "#border-color-properties" + }, + tests: [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + }, + "border-right-color": { + "links": { + "tr": "box.html#border-color-properties", + "dev": "#border-color-properties" + }, + tests: [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + }, + "border-bottom-color": { + "links": { + "tr": "box.html#border-color-properties", + "dev": "#border-color-properties" + }, + tests: [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + }, + "border-left-color": { + "links": { + "tr": "box.html#border-color-properties", + "dev": "#border-color-properties" + }, + tests: [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + }, + "border-top-style": { + "links": { + "tr": "box.html#border-style-properties", + "dev": "#border-style-properties" + }, + tests: [ + "none", "hidden", "dotted", "dashed", "solid", "double", "groove", + "ridge", "inset", "outset" + ] + }, + "border-right-style": { + "links": { + "tr": "box.html#border-style-properties", + "dev": "#border-style-properties" + }, + tests: [ + "none", "hidden", "dotted", "dashed", "solid", "double", "groove", + "ridge", "inset", "outset" + ] + }, + "border-bottom-style": { + "links": { + "tr": "box.html#border-style-properties", + "dev": "#border-style-properties" + }, + tests: [ + "none", "hidden", "dotted", "dashed", "solid", "double", "groove", + "ridge", "inset", "outset" + ] + }, + "border-left-style": { + "links": { + "tr": "box.html#border-style-properties", + "dev": "#border-style-properties" + }, + tests: [ + "none", "hidden", "dotted", "dashed", "solid", "double", "groove", + "ridge", "inset", "outset" + ] + }, + "border-top-width": { + "links": { + "tr": "box.html#border-width-properties", + "dev": "#border-width-properties" + }, + tests: ["thin", "medium", "thick", "5px"] + }, + "border-right-width": { + "links": { + "tr": "box.html#border-width-properties", + "dev": "#border-width-properties" + }, + tests: ["thin", "medium", "thick", "5px"] + }, + "border-bottom-width": { + "links": { + "tr": "box.html#border-width-properties", + "dev": "#border-width-properties" + }, + tests: ["thin", "medium", "thick", "5px"] + }, + "border-left-width": { + "links": { + "tr": "box.html#border-width-properties", + "dev": "#border-width-properties" + }, + tests: ["thin", "medium", "thick", "5px"] + }, + "border-width": { + "links": { + "tr": "box.html#border-width-properties", + "dev": "#border-width-properties" + }, + tests: [ + "thin", "thin medium", "thin medium thick", "thin medium thick 5px" + ] + }, + "border": { + "links": { + "tr": "box.html#border-shorthand-properties", + "dev": "#border-shorthand-properties" + }, + tests: [ + "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", + "rgb(0, 0, 255) 0.1ex", "rgb(100%, 50%, 50%) double 0.8mm" + ] + }, + "bottom": { + "links": { + "tr": "visuren.html#position-props", + "dev": "#position-props" + }, + tests: ["auto", "100px", "10%"] + }, + "caption-side": { + "links": { + "tr": "tables.html#caption-position", + "dev": "#caption-position" + }, + tests: ["top", "bottom"] + }, + "clear": { + "links": { + "tr": "#clear", + "dev": "#clear" + }, + tests: ["none", "left", "right", "both"] + }, + "clip": { + "links": { + "tr": "visuren.html#flow-control", + "dev": "#flow-control" + }, + tests: ["auto", "rect(1px, 10em, 3ex, 0.2mm)"] + }, + "color": { + "links": { + "tr": "colors.html#colors", + "dev": "#colors" + }, + tests: [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + }, + "content": { + "links": { + "tr": "generate.html#content", + "dev": "#content" + }, + tests: [ + "normal", "none", "\"content\"", "'content'", "url(image.png)", "attr(x)", + "open-quote", "close-quote", "no-open-quote", "no-close-quote", + "open-quote close-quote", "\"content\" url(image.png)" + ] + }, + "counter-increment": { + "links": { + "tr": "generate.html#counters", + "dev": "#counters" + }, + tests: [ + "none", "example-counter 1", "example-counter1 2 example-counter2" + ] + }, + "counter-reset": { + "links": { + "tr": "generate.html#counters", + "dev": "#counters" + }, + tests: [ + "none", "example-counter 1", "example-counter1 2 example-counter2" + ] + }, + "cursor": { + "links": { + "tr": "ui.html#cursor-props", + "dev": "#cursor-props" + }, + tests: [ + "auto", "crosshair", "default", "pointer", "move", "e-resize", + "ne-resize", "nw-resize", "n-resize", "se-resize", "sw-resize", + "s-resize", "w-resize", "text", "wait", "help", "progress", + "url(cursor.png), auto", "url(cursor.svg), url(cursor.png), pointer" + ] + }, + "direction": { + "links": { + "tr": "visuren.html#propdef-direction", + "dev": "#propdef-direction" + }, + tests: ["ltr", "rtl"] + }, + "display": { + "links": { + "tr": "visuren.html#display-prop", + "dev": "#display-prop" + }, + tests: [ + "none", "inline", "block", "list-item", "inline-block", "table", + "inline-table", "table-row-group", "table-header-group", + "table-footer-group", "table-row", "table-column-group", + "table-column", "table-cell", "table-caption" + ] + }, + "empty-cells": { + "links": { + "tr": "tables.html#empty-cells", + "dev": "#empty-cells" + }, + tests: ["show", "hide"] + }, + "float": { + "links": { + "tr": "visuren.html#float-position", + "dev": "#float-position" + }, + tests: ["none", "left", "right"] + }, + "font-family": { + "links": { + "tr": "fonts.html#font-family-prop", + "dev": "#font-family-prop" + }, + tests: [ + "Arial", "\"Helvetica\"", "'Some font'", "serif", "sans-serif", + "cursive", "fantasy", "monospace", "'Some font', Arial, sans-serif" + ] + }, + "font-size": { + "links": { + "tr": "fonts.html#font-size-props", + "dev": "#font-size-props" + }, + tests: [ + "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", + "larger", "smaller", "1.5em", "80%" + ] + }, + "font-style": { + "links": { + "tr": "fonts.html#font-styling", + "dev": "#font-styling" + }, + tests: ["normal", "italic", "oblique"] + }, + "font-variant": { + "links": { + "tr": "fonts.html#small-caps", + "dev": "#small-caps" + }, + tests: ["normal", "small-caps"] + }, + "font-weight": { + "links": { + "tr": "fonts.html#font-boldness", + "dev": "#font-boldness" + }, + tests: [ + "normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", + "600", "700", "800", "900" + ] + }, + "font": { + "links": { + "tr": "fonts.html#font-shorthand", + "dev": "#font-shorthand" + }, + tests: [ + "caption", "icon", "menu", "message-box", "small-caption", "status-bar", + "2em Arial", "italic 2em Arial", "small-caps 2em Arial", "bold 2em Arial", + "italic 2em \'Custom font\', Arial, sans-serif", "small-caps 2em Arial", + "bolder 2em Arial", "italic 200 2em Arial", "2em / 2 Arial" + ] + }, + "height": { + "links": { + "tr": "visudet.html#the-height-property", + "dev": "#the-height-property" + }, + tests: ["auto", "100px", "10%"] + }, + "left": { + "links": { + "tr": "visuren.html#position-props", + "dev": "#position-props" + }, + tests: ["auto", "100px", "10%"] + }, + "letter-spacing": { + "links": { + "tr": "text.html#propdef-letter-spacing", + "dev": "#propdef-letter-spacing" + }, + tests: ["normal", "10px"] + }, + "line-height": { + "links": { + "tr": "visudet.html#propdef-line-height", + "dev": "#propdef-line-height" + }, + tests: ["normal", "2", "2em", "150%"] + }, + "list-style-image": { + "links": { + "tr": "generate.html#propdef-list-style-image", + "dev": "#propdef-list-style-image" + }, + tests: ["none", "url(image.png)"] + }, + "list-style-position": { + "links": { + "tr": "generate.html#propdef-list-style-position", + "dev": "#propdef-list-style-position" + }, + tests: ["inside", "outside"] + }, + "list-style-type": { + "links": { + "tr": "generate.html#propdef-list-style-type", + "dev": "#propdef-list-style-type" + }, + tests: [ + "disc", "circle", "square", "decimal", "decimal-leading-zero", + "lower-roman", "upper-roman", "lower-greek", "lower-latin", "upper-latin", + "armenian", "georgian", "lower-alpha", "upper-alpha", "none" + ] + }, + "list-style": { + "links": { + "tr": "generate.html#propdef-list-style", + "dev": "#propdef-list-style" + }, + tests: [ + "disc", "inside", "url('image.png')", "circle outside", + "square url(image.png)", "decimal inside url(image.png)" + ] + }, + "margin-right": { + "links": { + "tr": "box.html#propdef-margin-right", + "dev": "#propdef-margin-right" + }, + tests: ["auto", "10px", "5%"] + }, + "margin-left": { + "links": { + "tr": "box.html#propdef-margin-left", + "dev": "#propdef-margin-left" + }, + tests: ["auto", "10px", "5%"] + }, + "margin-top": { + "links": { + "tr": "box.html#propdef-margin-top", + "dev": "#propdef-margin-top" + }, + tests: ["auto", "10px", "5%"] + }, + "margin-bottom": { + "links": { + "tr": "box.html#propdef-margin-bottom", + "dev": "#propdef-margin-bottom" + }, + tests: ["auto", "10px", "5%"] + }, + "margin": { + "links": { + "tr": "box.html#propdef-margin", + "dev": "#propdef-margin" + }, + tests: [ + "10px", "10px 5%", "10px 5px auto", "10px 5px auto 1em" + ] + }, + "max-height": { + "links": { + "tr": "visudet.html#min-max-heights", + "dev": "#min-max-heights" + }, + tests: ["none", "100px", "80%"] + }, + "max-width": { + "links": { + "tr": "visudet.html#min-max-widths", + "dev": "#min-max-widths" + }, + tests: ["none", "100px", "80%"] + }, + "min-height": { + "links": { + "tr": "visudet.html#min-max-heights", + "dev": "#min-max-heights" + }, + tests: ["100px", "10%"] + }, + "min-width": { + "links": { + "tr": "visudet.html#min-max-widths", + "dev": "#min-max-widths" + }, + tests: ["100px", "10%"] + }, + "orphans": { + "links": { + "tr": "page.html#break-inside", + "dev": "#break-inside" + }, + tests: ["1", "2"] + }, + "outline-color": { + "links": { + "tr": "ui.html#dynamic-outlines", + "dev": "#dynamic-outlines" + }, + tests: [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + }, + "outline-style": { + "links": { + "tr": "ui.html#dynamic-outlines", + "dev": "#dynamic-outlines" + }, + tests: [ + "none", "dotted", "dashed", "solid", "double", "groove", + "ridge", "inset", "outset" + ] + }, + "outline-width": { + "links": { + "tr": "ui.html#dynamic-outlines", + "dev": "#dynamic-outlines" + }, + tests: ["thin", "medium", "thick", "5px"] + }, + "outline": { + "links": { + "tr": "ui.html#dynamic-outlines", + "dev": "#dynamic-outlines" + }, + tests: [ + "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", + "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" + ] + }, + "overflow": { + "links": { + "tr": "visufx.html#overflow", + "dev": "#overflow①" + }, + tests: ["auto", "visible", "hidden", "scroll"] + }, + "padding-top": { + "links": { + "tr": "box.html#padding-properties", + "dev": "#padding-properties" + }, + tests: ["10px", "5%"] + }, + "padding-right": { + "links": { + "tr": "box.html#padding-properties", + "dev": "#padding-properties" + }, + tests: ["10px", "5%"] + }, + "padding-bottom": { + "links": { + "tr": "box.html#padding-properties", + "dev": "#padding-properties" + }, + tests: ["10px", "5%"] + }, + "padding-left": { + "links": { + "tr": "box.html#padding-properties", + "dev": "#padding-properties" + }, + tests: ["10px", "5%"] + }, + "padding": { + "links": { + "tr": "box.html#padding-properties", + "dev": "#padding-properties" + }, + tests: [ + "10px", "10px 5%", "10px 5% 0.5em", "10px 5% 0.5em 0.8mm" + ] + }, + "page-break-after": { + "links": { + "tr": "page.html#page-break-props", + "dev": "#page-break-props" + }, + tests: ["auto", "always", "avoid", "left", "right"] + }, + "page-break-before": { + "links": { + "tr": "page.html#page-break-props", + "dev": "#page-break-props" + }, + tests: ["auto", "always", "avoid", "left", "right"] + }, + "page-break-inside": { + "links": { + "tr": "page.html#page-break-props", + "dev": "#page-break-props" + }, + tests: ["auto", "avoid"] + }, + "position": { + "links": { + "tr": "visuren.html#choose-position", + "dev": "#choose-position" + }, + tests: ["static", "relative", "absolute", "fixed"] + }, + "quotes": { + "links": { + "tr": "generate.html#quotes-specify", + "dev": "#quotes-specify" + }, + tests: ["none", "\"»\" \"«\"", "'\"' '\"' \"'\" \"'\""] + }, + "right": { + "links": { + "tr": "visuren.html#position-props", + "dev": "#position-props" + }, + tests: ["auto", "100px", "10%"] + }, + "table-layout": { + "links": { + "tr": "tables.html#width-layout", + "dev": "#width-layout" + }, + tests: ["auto", "fixed"] + }, + "text-align": { + "links": { + "tr": "text.html#alignment-prop", + "dev": "#alignment-prop" + }, + tests: ["left", "right", "center", "justify"] + }, + "text-decoration": { + "links": { + "tr": "text.html#lining-striking-props", + "dev": "#lining-striking-props" + }, + tests: [ + "none", "underline", "overline", "line-through", "blink", + "underline overline", "underline overline line-through" + ] + }, + "text-indent": { + "links": { + "tr": "text.html#indentation-prop", + "dev": "#indentation-prop" + }, + tests: ["10px", "10%"] + }, + "text-transform": { + "links": { + "tr": "text.html#caps-prop", + "dev": "#caps-prop" + }, + tests: ["none", "capitalize", "uppercase", "lowercase"] + }, + "top": { + "links": { + "tr": "visuren.html#position-props", + "dev": "#position-props" + }, + tests: ["100px", "10%", "auto"] + }, + "unicode-bidi": { + "links": { + "tr": "visuren.html#propdef-unicode-bidi", + "dev": "#propdef-unicode-bidi" + }, + tests: ["normal", "embed", "bidi-override"] + }, + "vertical-align": { + "links": { + "tr": "visudet.html#propdef-vertical-align", + "dev": "#propdef-vertical-align" + }, + tests: [ + "baseline", "sub", "super", "top", "text-top", "middle", "bottom", + "text-bottom", "10px", "10%" + ] + }, + "visibility": { + "links": { + "tr": "visufx.html#visibility", + "dev": "#visibility" + }, + tests: ["visible", "hidden", "collapse"] + }, + "white-space": { + "links": { + "tr": "text.html#white-space-prop", + "dev": "#white-space-prop" + }, + tests: ["normal", "pre", "nowrap", "pre-wrap", "pre-line"] + }, + "widows": { + "links": { + "tr": "page.html#break-inside", + "dev": "#break-inside" + }, + tests: ["1", "2"] + }, + "width": { + "links": { + "tr": "visudet.html#the-width-property", + "dev": "#the-width-property" + }, + tests: ["auto", "100px", "10%"] + }, + "word-spacing": { + "links": { + "tr": "text.html#propdef-word-spacing", + "dev": "#propdef-word-spacing" + }, + tests: ["normal", "10px"] + }, + "z-index": { + "links": { + "tr": "visuren.html#z-index", + "dev": "#z-index" + }, + tests: [ + "auto", "1", "-1" + ] + } + } + }, + "css-align-3": { "title": "CSS Box Alignment Module Level 3", "links": { @@ -513,20 +1307,6 @@ window.Specs = { "dev": "#break-decoration" }, "tests": ["slice", "clone"] - }, - "orphans": { - "links": { - "tr": "#widows-orphans", - "dev": "#widows-orphans" - }, - "tests": ["1", "2"] - }, - "widows": { - "links": { - "tr": "#widows-orphans", - "dev": "#widows-orphans" - }, - "tests": ["1", "2"] } } }, @@ -721,14 +1501,6 @@ window.Specs = { }, "tests": "rgba(0,0,0,.5)" }, - "#RGB": { - "links": { - "tr": "#rgb-color", - "dev": "#rgb-color", - "mdn": "color_value" - }, - "tests": ["#F06", "#FF0066"] - }, "hsl": { "links": { "tr": "#hsl-color", @@ -745,14 +1517,6 @@ window.Specs = { }, "tests": "hsl(0,0%,0%,.5)" }, - "transparent": { - "links": { - "tr": "#transparent", - "dev": "#transparent", - "mdn": "color_value" - }, - "tests": "transparent" - }, "currentColor": { "links": { "tr": "#currentcolor", @@ -1929,7 +2693,7 @@ window.Specs = { "dev": "#font-variant-prop" }, "tests": [ - "none", "normal", "all-petite-caps", "historical-forms", "super", + "none", "all-petite-caps", "historical-forms", "super", "sub lining-nums contextual ruby", "annotation(circled)", "discretionary-ligatures character-variant(leo-B, leo-M, leo-N, leo-T, leo-U)" @@ -4960,7 +5724,7 @@ window.Specs = { "tr": "#text-align-property", "dev": "#text-align-property" }, - "tests": ["start", "end", "left", "right", "center", "justify", "match-parent", "justify-all"] + "tests": ["start", "end", "match-parent", "justify-all"] }, "text-align-all": { "links": { @@ -5468,7 +6232,7 @@ window.Specs = { "dev": "#cursor" }, "tests": [ - "url(foo.png) 2 2, auto", "default", "none", "context-menu", "cell", "vertical-text", "alias", "copy", "no-drop", "not-allowed", + "url(foo.png) 2 2, auto", "none", "context-menu", "cell", "vertical-text", "alias", "copy", "no-drop", "not-allowed", "grab", "grabbing", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "col-resize", "row-resize", "all-scroll", "zoom-in", "zoom-out" ] @@ -6038,19 +6802,12 @@ window.Specs = { "first-snapshot": 2017 }, "properties": { - "direction": { - "links": { - "tr": "#direction", - "dev": "#direction" - }, - "tests": ["ltr", "rtl"] - }, "unicode-bidi": { "links": { "tr": "#unicode-bidi", "dev": "#unicode-bidi" }, - "tests": ["normal", "embed", "isolate", "bidi-override", "isolate-override", "plaintext"] + "tests": ["isolate", "isolate-override", "plaintext"] }, "writing-mode": { "links": { From 919ee09de4cfd6831673174a0f54f8a8d5610d26 Mon Sep 17 00:00:00 2001 From: Sebastian Zartner Date: Thu, 13 Jan 2022 21:35:27 +0100 Subject: [PATCH 2/4] Split CSS 2 into several specification groups --- tests.js | 878 +++++++++++++++++++++++++++++++------------------------ 1 file changed, 489 insertions(+), 389 deletions(-) diff --git a/tests.js b/tests.js index 9bcaf3e..a81924e 100644 --- a/tests.js +++ b/tests.js @@ -54,481 +54,470 @@ window.Specs = { } }, - "css2": { - "title": "Cascading Style Sheets Level 2 Revision 1", + "css2-box": { + "title": "CSS 2 Box Model", "links": { - "tr": "CSS2/", + "tr": "CSS2/box.html", "dev": "css2/" }, "properties": { - "background-attachment": { - "links": { - "tr": "colors.html#propdef-background-attachment", - "dev": "#propdef-background-attachment" - }, - tests: ["scroll", "fixed"] - }, - "background-color": { - "links": { - "tr": "colors.html#propdef-background-color", - "dev": "#propdef-background-color" - }, - tests: [ - "black", "#00f", "#000000", "rgb(255, 255, 255)", - "rgb(100%, 50%, 50%)", "transparent" - ] - }, - "background-image": { - "links": { - "tr": "colors.html#propdef-background-image", - "dev": "#propdef-background-image" - }, - tests: ["none", "url('image.png')", "url(image.png)"] - }, - "background-position": { - "links": { - "tr": "colors.html#propdef-background-position", - "dev": "#propdef-background-position" - }, - tests: [ - "10% 100px", "100px center", "center 10%", "left", "center", - "right", "top", "bottom", "left center", "center bottom" - ] - }, - "background-repeat": { - "links": { - "tr": "colors.html#propdef-background-repeat", - "dev": "#propdef-background-repeat" - }, - tests: ["repeat", "repeat-x", "repeat-y", "no-repeat"] - }, - "background": { - "links": { - "tr": "colors.html#propdef-background", - "dev": "#propdef-background" - }, - tests: [ - "none", "black", "url('image.png')", "repeat-x", "fixed", "10% center", - "#ffffff url('image.png')", "url(image.png) repeat-y", "scroll center 100px" - ] - }, - "border-collapse": { - "links": { - "tr": "tables.html#propdef-border-collapse", - "dev": "#propdef-border-collapse" - }, - tests: ["collapse", "separate"] - }, "border-color": { "links": { - "tr": "box.html#propdef-border-color", + "tr": "#propdef-border-color", "dev": "#border-color-properties" }, - tests: [ + "tests": [ "black", "#ff0000 rgb(0, 255, 0)", "rgb(0%, 0%, 100%) #0f0 transparent", "red green blue yellow" ] }, - "border-spacing": { - "links": { - "tr": "tables.html#propdef-border-spacing", - "dev": "#propdef-border-spacing" - }, - tests: ["10px", "1em 0.5cm"] - }, "border-style": { "links": { - "tr": "box.html#border-style-properties", + "tr": "#border-style-properties", "dev": "#border-style-properties" }, - tests: [ + "tests": [ "none", "none dashed", "none dashed dotted", "none dashed dotted solid" ] }, "border-top": { "links": { - "tr": "box.html#border-shorthand-properties", + "tr": "#border-shorthand-properties", "dev": "#border-shorthand-properties" }, - tests: [ + "tests": [ "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" ] }, "border-right": { "links": { - "tr": "box.html#border-shorthand-properties", + "tr": "#border-shorthand-properties", "dev": "#border-shorthand-properties" }, - tests: [ + "tests": [ "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" ] }, "border-bottom": { "links": { - "tr": "box.html#border-shorthand-properties", + "tr": "#border-shorthand-properties", "dev": "#border-shorthand-properties" }, - tests: [ + "tests": [ "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" ] }, "border-left": { "links": { - "tr": "box.html#border-shorthand-properties", + "tr": "#border-shorthand-properties", "dev": "#border-shorthand-properties" }, - tests: [ + "tests": [ "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" ] }, "border-top-color": { "links": { - "tr": "box.html#border-color-properties", + "tr": "#border-color-properties", "dev": "#border-color-properties" }, - tests: [ + "tests": [ "black", "#00f", "#000000", "rgb(255, 255, 255)", "rgb(100%, 50%, 50%)", "transparent" ] }, "border-right-color": { "links": { - "tr": "box.html#border-color-properties", + "tr": "#border-color-properties", "dev": "#border-color-properties" }, - tests: [ + "tests": [ "black", "#00f", "#000000", "rgb(255, 255, 255)", "rgb(100%, 50%, 50%)", "transparent" ] }, "border-bottom-color": { "links": { - "tr": "box.html#border-color-properties", + "tr": "#border-color-properties", "dev": "#border-color-properties" }, - tests: [ + "tests": [ "black", "#00f", "#000000", "rgb(255, 255, 255)", "rgb(100%, 50%, 50%)", "transparent" ] }, "border-left-color": { "links": { - "tr": "box.html#border-color-properties", + "tr": "#border-color-properties", "dev": "#border-color-properties" }, - tests: [ + "tests": [ "black", "#00f", "#000000", "rgb(255, 255, 255)", "rgb(100%, 50%, 50%)", "transparent" ] }, "border-top-style": { "links": { - "tr": "box.html#border-style-properties", + "tr": "#border-style-properties", "dev": "#border-style-properties" }, - tests: [ + "tests": [ "none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset" ] }, "border-right-style": { "links": { - "tr": "box.html#border-style-properties", + "tr": "#border-style-properties", "dev": "#border-style-properties" }, - tests: [ + "tests": [ "none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset" ] }, "border-bottom-style": { "links": { - "tr": "box.html#border-style-properties", + "tr": "#border-style-properties", "dev": "#border-style-properties" }, - tests: [ + "tests": [ "none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset" ] }, "border-left-style": { "links": { - "tr": "box.html#border-style-properties", + "tr": "#border-style-properties", "dev": "#border-style-properties" }, - tests: [ + "tests": [ "none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset" ] }, "border-top-width": { "links": { - "tr": "box.html#border-width-properties", + "tr": "#border-width-properties", "dev": "#border-width-properties" }, - tests: ["thin", "medium", "thick", "5px"] + "tests": ["thin", "medium", "thick", "5px"] }, "border-right-width": { "links": { - "tr": "box.html#border-width-properties", + "tr": "#border-width-properties", "dev": "#border-width-properties" }, - tests: ["thin", "medium", "thick", "5px"] + "tests": ["thin", "medium", "thick", "5px"] }, "border-bottom-width": { "links": { - "tr": "box.html#border-width-properties", + "tr": "#border-width-properties", "dev": "#border-width-properties" }, - tests: ["thin", "medium", "thick", "5px"] + "tests": ["thin", "medium", "thick", "5px"] }, "border-left-width": { "links": { - "tr": "box.html#border-width-properties", + "tr": "#border-width-properties", "dev": "#border-width-properties" }, - tests: ["thin", "medium", "thick", "5px"] + "tests": ["thin", "medium", "thick", "5px"] }, "border-width": { "links": { - "tr": "box.html#border-width-properties", + "tr": "#border-width-properties", "dev": "#border-width-properties" }, - tests: [ + "tests": [ "thin", "thin medium", "thin medium thick", "thin medium thick 5px" ] }, "border": { "links": { - "tr": "box.html#border-shorthand-properties", + "tr": "#border-shorthand-properties", "dev": "#border-shorthand-properties" }, - tests: [ + "tests": [ "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", "rgb(0, 0, 255) 0.1ex", "rgb(100%, 50%, 50%) double 0.8mm" ] }, - "bottom": { + "margin-right": { "links": { - "tr": "visuren.html#position-props", - "dev": "#position-props" + "tr": "#propdef-margin-right", + "dev": "#propdef-margin-right" }, - tests: ["auto", "100px", "10%"] + "tests": ["auto", "10px", "5%"] }, - "caption-side": { + "margin-left": { "links": { - "tr": "tables.html#caption-position", - "dev": "#caption-position" + "tr": "#propdef-margin-left", + "dev": "#propdef-margin-left" }, - tests: ["top", "bottom"] + "tests": ["auto", "10px", "5%"] }, - "clear": { + "margin-top": { "links": { - "tr": "#clear", - "dev": "#clear" + "tr": "#propdef-margin-top", + "dev": "#propdef-margin-top" }, - tests: ["none", "left", "right", "both"] + "tests": ["auto", "10px", "5%"] }, - "clip": { + "margin-bottom": { "links": { - "tr": "visuren.html#flow-control", - "dev": "#flow-control" + "tr": "#propdef-margin-bottom", + "dev": "#propdef-margin-bottom" }, - tests: ["auto", "rect(1px, 10em, 3ex, 0.2mm)"] + "tests": ["auto", "10px", "5%"] }, - "color": { + "margin": { "links": { - "tr": "colors.html#colors", - "dev": "#colors" + "tr": "#propdef-margin", + "dev": "#propdef-margin" }, - tests: [ - "black", "#00f", "#000000", "rgb(255, 255, 255)", - "rgb(100%, 50%, 50%)", "transparent" + "tests": [ + "10px", "10px 5%", "10px 5px auto", "10px 5px auto 1em" ] }, - "content": { + "padding-top": { "links": { - "tr": "generate.html#content", - "dev": "#content" + "tr": "#padding-properties", + "dev": "#padding-properties" }, - tests: [ - "normal", "none", "\"content\"", "'content'", "url(image.png)", "attr(x)", - "open-quote", "close-quote", "no-open-quote", "no-close-quote", - "open-quote close-quote", "\"content\" url(image.png)" - ] + "tests": ["10px", "5%"] }, - "counter-increment": { + "padding-right": { "links": { - "tr": "generate.html#counters", - "dev": "#counters" + "tr": "#padding-properties", + "dev": "#padding-properties" }, - tests: [ - "none", "example-counter 1", "example-counter1 2 example-counter2" - ] + "tests": ["10px", "5%"] }, - "counter-reset": { + "padding-bottom": { "links": { - "tr": "generate.html#counters", - "dev": "#counters" + "tr": "#padding-properties", + "dev": "#padding-properties" }, - tests: [ - "none", "example-counter 1", "example-counter1 2 example-counter2" + "tests": ["10px", "5%"] + }, + "padding-left": { + "links": { + "tr": "#padding-properties", + "dev": "#padding-properties" + }, + "tests": ["10px", "5%"] + }, + "padding": { + "links": { + "tr": "#padding-properties", + "dev": "#padding-properties" + }, + "tests": [ + "10px", "10px 5%", "10px 5% 0.5em", "10px 5% 0.5em 0.8mm" ] + } + } + }, + + "css2-colors": { + "title": "CSS 2 Colors and Backgrounds", + "links": { + "tr": "CSS2/colors.html", + "dev": "css2/" + }, + "properties": { + "background-attachment": { + "links": { + "tr": "#propdef-background-attachment", + "dev": "#propdef-background-attachment" + }, + "tests": ["scroll", "fixed"] }, - "cursor": { + "background-color": { "links": { - "tr": "ui.html#cursor-props", - "dev": "#cursor-props" + "tr": "#propdef-background-color", + "dev": "#propdef-background-color" }, - tests: [ - "auto", "crosshair", "default", "pointer", "move", "e-resize", - "ne-resize", "nw-resize", "n-resize", "se-resize", "sw-resize", - "s-resize", "w-resize", "text", "wait", "help", "progress", - "url(cursor.png), auto", "url(cursor.svg), url(cursor.png), pointer" + "tests": [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" ] }, - "direction": { + "background-image": { "links": { - "tr": "visuren.html#propdef-direction", - "dev": "#propdef-direction" + "tr": "#propdef-background-image", + "dev": "#propdef-background-image" }, - tests: ["ltr", "rtl"] + "tests": ["none", "url('image.png')", "url(image.png)"] }, - "display": { + "background-position": { "links": { - "tr": "visuren.html#display-prop", - "dev": "#display-prop" + "tr": "#propdef-background-position", + "dev": "#propdef-background-position" }, - tests: [ - "none", "inline", "block", "list-item", "inline-block", "table", - "inline-table", "table-row-group", "table-header-group", - "table-footer-group", "table-row", "table-column-group", - "table-column", "table-cell", "table-caption" + "tests": [ + "10% 100px", "100px center", "center 10%", "left", "center", + "right", "top", "bottom", "left center", "center bottom" ] }, - "empty-cells": { + "background-repeat": { "links": { - "tr": "tables.html#empty-cells", - "dev": "#empty-cells" + "tr": "#propdef-background-repeat", + "dev": "#propdef-background-repeat" }, - tests: ["show", "hide"] + "tests": ["repeat", "repeat-x", "repeat-y", "no-repeat"] }, - "float": { + "background": { "links": { - "tr": "visuren.html#float-position", - "dev": "#float-position" + "tr": "#propdef-background", + "dev": "#propdef-background" }, - tests: ["none", "left", "right"] + "tests": [ + "none", "black", "url('image.png')", "repeat-x", "fixed", "10% center", + "#ffffff url('image.png')", "url(image.png) repeat-y", "scroll center 100px" + ] }, + "color": { + "links": { + "tr": "#colors", + "dev": "#colors" + }, + "tests": [ + "black", "#00f", "#000000", "rgb(255, 255, 255)", + "rgb(100%, 50%, 50%)", "transparent" + ] + } + } + }, + + "css2-fonts": { + "title": "CSS 2 Fonts", + "links": { + "tr": "CSS22/fonts.html", + "dev": "css2/" + }, + "properties": { "font-family": { "links": { - "tr": "fonts.html#font-family-prop", + "tr": "#font-family-prop", "dev": "#font-family-prop" }, - tests: [ + "tests": [ "Arial", "\"Helvetica\"", "'Some font'", "serif", "sans-serif", "cursive", "fantasy", "monospace", "'Some font', Arial, sans-serif" ] }, "font-size": { "links": { - "tr": "fonts.html#font-size-props", + "tr": "#font-size-props", "dev": "#font-size-props" }, - tests: [ + "tests": [ "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "larger", "smaller", "1.5em", "80%" ] }, "font-style": { "links": { - "tr": "fonts.html#font-styling", + "tr": "#font-styling", "dev": "#font-styling" }, - tests: ["normal", "italic", "oblique"] + "tests": ["normal", "italic", "oblique"] }, "font-variant": { "links": { - "tr": "fonts.html#small-caps", + "tr": "#small-caps", "dev": "#small-caps" }, - tests: ["normal", "small-caps"] + "tests": ["normal", "small-caps"] }, "font-weight": { "links": { - "tr": "fonts.html#font-boldness", + "tr": "#font-boldness", "dev": "#font-boldness" }, - tests: [ + "tests": [ "normal", "bold", "bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900" ] }, "font": { "links": { - "tr": "fonts.html#font-shorthand", + "tr": "#font-shorthand", "dev": "#font-shorthand" }, - tests: [ + "tests": [ "caption", "icon", "menu", "message-box", "small-caption", "status-bar", "2em Arial", "italic 2em Arial", "small-caps 2em Arial", "bold 2em Arial", "italic 2em \'Custom font\', Arial, sans-serif", "small-caps 2em Arial", "bolder 2em Arial", "italic 200 2em Arial", "2em / 2 Arial" ] - }, - "height": { - "links": { - "tr": "visudet.html#the-height-property", - "dev": "#the-height-property" - }, - tests: ["auto", "100px", "10%"] - }, - "left": { + } + } + }, + + "css2-generate": { + "title": "CSS 2 Generated Content, Automatic Numbering, and Lists", + "links": { + "tr": "CSS22/generate.html", + "dev": "css2/" + }, + "properties": { + "content": { "links": { - "tr": "visuren.html#position-props", - "dev": "#position-props" + "tr": "#content", + "dev": "#content①" }, - tests: ["auto", "100px", "10%"] + "tests": [ + "normal", "none", "\"content\"", "'content'", "url(image.png)", "attr(x)", + "open-quote", "close-quote", "no-open-quote", "no-close-quote", + "open-quote close-quote", "\"content\" url(image.png)" + ] }, - "letter-spacing": { + "counter-increment": { "links": { - "tr": "text.html#propdef-letter-spacing", - "dev": "#propdef-letter-spacing" + "tr": "#counters", + "dev": "#counters" }, - tests: ["normal", "10px"] + "tests": [ + "none", "example-counter 1", "example-counter1 2 example-counter2" + ] }, - "line-height": { + "counter-reset": { "links": { - "tr": "visudet.html#propdef-line-height", - "dev": "#propdef-line-height" + "tr": "#counters", + "dev": "#counters" }, - tests: ["normal", "2", "2em", "150%"] + "tests": [ + "none", "example-counter 1", "example-counter1 2 example-counter2" + ] }, "list-style-image": { "links": { - "tr": "generate.html#propdef-list-style-image", + "tr": "#propdef-list-style-image", "dev": "#propdef-list-style-image" }, - tests: ["none", "url(image.png)"] + "tests": ["none", "url(image.png)"] }, "list-style-position": { "links": { - "tr": "generate.html#propdef-list-style-position", + "tr": "#propdef-list-style-position", "dev": "#propdef-list-style-position" }, - tests: ["inside", "outside"] + "tests": ["inside", "outside"] }, "list-style-type": { "links": { - "tr": "generate.html#propdef-list-style-type", + "tr": "#propdef-list-style-type", "dev": "#propdef-list-style-type" }, - tests: [ + "tests": [ "disc", "circle", "square", "decimal", "decimal-leading-zero", "lower-roman", "upper-roman", "lower-greek", "lower-latin", "upper-latin", "armenian", "georgian", "lower-alpha", "upper-alpha", "none" @@ -536,312 +525,423 @@ window.Specs = { }, "list-style": { "links": { - "tr": "generate.html#propdef-list-style", + "tr": "#propdef-list-style", "dev": "#propdef-list-style" }, - tests: [ + "tests": [ "disc", "inside", "url('image.png')", "circle outside", "square url(image.png)", "decimal inside url(image.png)" ] }, - "margin-right": { + "quotes": { "links": { - "tr": "box.html#propdef-margin-right", - "dev": "#propdef-margin-right" + "tr": "#quotes-specify", + "dev": "#quotes-specify" }, - tests: ["auto", "10px", "5%"] + "tests": ["none", "\"»\" \"«\"", "'\"' '\"' \"'\" \"'\""] + } + } + }, + + "css2-page": { + "title": "CSS 2 Paged Media", + "links": { + "tr": "CSS22/page.html", + "dev": "css2/" + }, + "properties": { + "orphans": { + "links": { + "tr": "#break-inside", + "dev": "#break-inside" + }, + "tests": ["1", "2"] }, - "margin-left": { + "page-break-after": { "links": { - "tr": "box.html#propdef-margin-left", - "dev": "#propdef-margin-left" + "tr": "#page-break-props", + "dev": "#page-break-props" }, - tests: ["auto", "10px", "5%"] + "tests": ["auto", "always", "avoid", "left", "right"] }, - "margin-top": { + "page-break-before": { "links": { - "tr": "box.html#propdef-margin-top", - "dev": "#propdef-margin-top" + "tr": "#page-break-props", + "dev": "#page-break-props" }, - tests: ["auto", "10px", "5%"] + "tests": ["auto", "always", "avoid", "left", "right"] }, - "margin-bottom": { + "page-break-inside": { "links": { - "tr": "box.html#propdef-margin-bottom", - "dev": "#propdef-margin-bottom" + "tr": "#page-break-props", + "dev": "#page-break-props" }, - tests: ["auto", "10px", "5%"] + "tests": ["auto", "avoid"] }, - "margin": { + "widows": { "links": { - "tr": "box.html#propdef-margin", - "dev": "#propdef-margin" + "tr": "#break-inside", + "dev": "#break-inside" }, - tests: [ - "10px", "10px 5%", "10px 5px auto", "10px 5px auto 1em" - ] + "tests": ["1", "2"] + } + } + }, + + "css2-tables": { + "title": "CSS 2 Tables", + "links": { + "tr": "CSS22/tables.html", + "dev": "css2/" + }, + "properties": { + "border-collapse": { + "links": { + "tr": "#propdef-border-collapse", + "dev": "#propdef-border-collapse" + }, + "tests": ["collapse", "separate"] }, - "max-height": { + "border-spacing": { "links": { - "tr": "visudet.html#min-max-heights", - "dev": "#min-max-heights" + "tr": "#propdef-border-spacing", + "dev": "#propdef-border-spacing" }, - tests: ["none", "100px", "80%"] + "tests": ["10px", "1em 0.5cm"] }, - "max-width": { + "caption-side": { "links": { - "tr": "visudet.html#min-max-widths", - "dev": "#min-max-widths" + "tr": "#caption-position", + "dev": "#caption-position" }, - tests: ["none", "100px", "80%"] + "tests": ["top", "bottom"] }, - "min-height": { + "empty-cells": { "links": { - "tr": "visudet.html#min-max-heights", - "dev": "#min-max-heights" + "tr": "#empty-cells", + "dev": "#empty-cells" }, - tests: ["100px", "10%"] + "tests": ["show", "hide"] }, - "min-width": { + "table-layout": { "links": { - "tr": "visudet.html#min-max-widths", - "dev": "#min-max-widths" + "tr": "#width-layout", + "dev": "#width-layout" }, - tests: ["100px", "10%"] + "tests": ["auto", "fixed"] + } + } + }, + + "css2-text": { + "title": "CSS 2 Text", + "links": { + "tr": "CSS22/text.html", + "dev": "css2/" + }, + "properties": { + "letter-spacing": { + "links": { + "tr": "#propdef-letter-spacing", + "dev": "#propdef-letter-spacing" + }, + "tests": ["normal", "10px"] }, - "orphans": { + "text-align": { "links": { - "tr": "page.html#break-inside", - "dev": "#break-inside" + "tr": "#alignment-prop", + "dev": "#alignment-prop" + }, + "tests": ["left", "right", "center", "justify"] + }, + "text-decoration": { + "links": { + "tr": "#lining-striking-props", + "dev": "#lining-striking-props" + }, + "tests": [ + "none", "underline", "overline", "line-through", "blink", + "underline overline", "underline overline line-through" + ] + }, + "text-indent": { + "links": { + "tr": "#indentation-prop", + "dev": "#indentation-prop" + }, + "tests": ["10px", "10%"] + }, + "text-transform": { + "links": { + "tr": "#caps-prop", + "dev": "#caps-prop" + }, + "tests": ["none", "capitalize", "uppercase", "lowercase"] + }, + "white-space": { + "links": { + "tr": "#white-space-prop", + "dev": "#white-space-prop" }, - tests: ["1", "2"] + "tests": ["normal", "pre", "nowrap", "pre-wrap", "pre-line"] + }, + "word-spacing": { + "links": { + "tr": "#propdef-word-spacing", + "dev": "#propdef-word-spacing" + }, + "tests": ["normal", "10px"] + } + } + }, + + "css2-ui": { + "title": "CSS 2 User Interface", + "links": { + "tr": "CSS22/ui.html", + "dev": "css2/" + }, + "properties": { + "cursor": { + "links": { + "tr": "#cursor-props", + "dev": "#cursor-props" + }, + "tests": [ + "auto", "crosshair", "default", "pointer", "move", "e-resize", + "ne-resize", "nw-resize", "n-resize", "se-resize", "sw-resize", + "s-resize", "w-resize", "text", "wait", "help", "progress", + "url(cursor.png), auto", "url(cursor.svg), url(cursor.png), pointer" + ] }, "outline-color": { "links": { - "tr": "ui.html#dynamic-outlines", + "tr": "#dynamic-outlines", "dev": "#dynamic-outlines" }, - tests: [ + "tests": [ "black", "#00f", "#000000", "rgb(255, 255, 255)", "rgb(100%, 50%, 50%)", "transparent" ] }, "outline-style": { "links": { - "tr": "ui.html#dynamic-outlines", + "tr": "#dynamic-outlines", "dev": "#dynamic-outlines" }, - tests: [ + "tests": [ "none", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset" ] }, "outline-width": { "links": { - "tr": "ui.html#dynamic-outlines", + "tr": "#dynamic-outlines", "dev": "#dynamic-outlines" }, - tests: ["thin", "medium", "thick", "5px"] + "tests": ["thin", "medium", "thick", "5px"] }, "outline": { "links": { - "tr": "ui.html#dynamic-outlines", + "tr": "#dynamic-outlines", "dev": "#dynamic-outlines" }, - tests: [ + "tests": [ "black", "dotted", "5px", "#ff0000 dashed", "solid 0.2em", "rgb(0, 0, 255) 0.1ex", "#0f0 double 0.8mm" ] - }, - "overflow": { + } + } + }, + + "css2-visudet": { + "title": "CSS 2 Visual Formatting Model", + "links": { + "tr": "CSS22/visudet.html", + "dev": "css2/" + }, + "properties": { + "height": { "links": { - "tr": "visufx.html#overflow", - "dev": "#overflow①" + "tr": "#the-height-property", + "dev": "#the-height-property" }, - tests: ["auto", "visible", "hidden", "scroll"] + "tests": ["auto", "100px", "10%"] }, - "padding-top": { + "line-height": { "links": { - "tr": "box.html#padding-properties", - "dev": "#padding-properties" + "tr": "#propdef-line-height", + "dev": "#propdef-line-height" }, - tests: ["10px", "5%"] + "tests": ["normal", "2", "2em", "150%"] }, - "padding-right": { + "max-height": { "links": { - "tr": "box.html#padding-properties", - "dev": "#padding-properties" + "tr": "#min-max-heights", + "dev": "#min-max-heights" }, - tests: ["10px", "5%"] + "tests": ["none", "100px", "80%"] }, - "padding-bottom": { + "max-width": { "links": { - "tr": "box.html#padding-properties", - "dev": "#padding-properties" + "tr": "#min-max-widths", + "dev": "#min-max-widths" }, - tests: ["10px", "5%"] + "tests": ["none", "100px", "80%"] }, - "padding-left": { + "min-height": { "links": { - "tr": "box.html#padding-properties", - "dev": "#padding-properties" + "tr": "#min-max-heights", + "dev": "#min-max-heights" }, - tests: ["10px", "5%"] + "tests": ["100px", "10%"] }, - "padding": { + "min-width": { "links": { - "tr": "box.html#padding-properties", - "dev": "#padding-properties" + "tr": "#min-max-widths", + "dev": "#min-max-widths" }, - tests: [ - "10px", "10px 5%", "10px 5% 0.5em", "10px 5% 0.5em 0.8mm" - ] + "tests": ["100px", "10%"] }, - "page-break-after": { + "vertical-align": { "links": { - "tr": "page.html#page-break-props", - "dev": "#page-break-props" + "tr": "#propdef-vertical-align", + "dev": "#propdef-vertical-align" }, - tests: ["auto", "always", "avoid", "left", "right"] + "tests": [ + "baseline", "sub", "super", "top", "text-top", "middle", "bottom", + "text-bottom", "10px", "10%" + ] }, - "page-break-before": { + "width": { "links": { - "tr": "page.html#page-break-props", - "dev": "#page-break-props" + "tr": "#the-width-property", + "dev": "#the-width-property" }, - tests: ["auto", "always", "avoid", "left", "right"] - }, - "page-break-inside": { + "tests": ["auto", "100px", "10%"] + } + } + }, + + "css2-visufx": { + "title": "CSS 2 Visual Effects", + "links": { + "tr": "CSS22/visufx.html", + "dev": "css2/" + }, + "properties": { + "clip": { "links": { - "tr": "page.html#page-break-props", - "dev": "#page-break-props" + "tr": "#clipping", + "dev": "#clipping" }, - tests: ["auto", "avoid"] + "tests": ["auto", "rect(1px, 10em, 3ex, 0.2mm)"] }, - "position": { + "overflow": { "links": { - "tr": "visuren.html#choose-position", - "dev": "#choose-position" + "tr": "#overflow", + "dev": "#overflow①" }, - tests: ["static", "relative", "absolute", "fixed"] + "tests": ["auto", "visible", "hidden", "scroll"] }, - "quotes": { + "visibility": { "links": { - "tr": "generate.html#quotes-specify", - "dev": "#quotes-specify" + "tr": "#visibility", + "dev": "#visibility" }, - tests: ["none", "\"»\" \"«\"", "'\"' '\"' \"'\" \"'\""] - }, - "right": { + "tests": ["visible", "hidden", "collapse"] + } + } + }, + + "css2-visuren": { + "title": "CSS 2 Visual Formatting Model", + "links": { + "tr": "CSS22/visuren.html", + "dev": "css2/" + }, + "properties": { + "bottom": { "links": { - "tr": "visuren.html#position-props", + "tr": "#position-props", "dev": "#position-props" }, - tests: ["auto", "100px", "10%"] + "tests": ["auto", "100px", "10%"] }, - "table-layout": { + "clear": { "links": { - "tr": "tables.html#width-layout", - "dev": "#width-layout" + "tr": "#flow-control", + "dev": "#flow-control" }, - tests: ["auto", "fixed"] + "tests": ["none", "left", "right", "both"] }, - "text-align": { + "direction": { "links": { - "tr": "text.html#alignment-prop", - "dev": "#alignment-prop" + "tr": "#propdef-direction", + "dev": "#propdef-direction" }, - tests: ["left", "right", "center", "justify"] + "tests": ["ltr", "rtl"] }, - "text-decoration": { + "display": { "links": { - "tr": "text.html#lining-striking-props", - "dev": "#lining-striking-props" + "tr": "#display-prop", + "dev": "#display-prop" }, - tests: [ - "none", "underline", "overline", "line-through", "blink", - "underline overline", "underline overline line-through" + "tests": [ + "none", "inline", "block", "list-item", "inline-block", "table", + "inline-table", "table-row-group", "table-header-group", + "table-footer-group", "table-row", "table-column-group", + "table-column", "table-cell", "table-caption" ] }, - "text-indent": { - "links": { - "tr": "text.html#indentation-prop", - "dev": "#indentation-prop" - }, - tests: ["10px", "10%"] - }, - "text-transform": { + "float": { "links": { - "tr": "text.html#caps-prop", - "dev": "#caps-prop" + "tr": "#float-position", + "dev": "#float-position" }, - tests: ["none", "capitalize", "uppercase", "lowercase"] + "tests": ["none", "left", "right"] }, - "top": { + "left": { "links": { - "tr": "visuren.html#position-props", + "tr": "#position-props", "dev": "#position-props" }, - tests: ["100px", "10%", "auto"] + "tests": ["auto", "100px", "10%"] }, - "unicode-bidi": { - "links": { - "tr": "visuren.html#propdef-unicode-bidi", - "dev": "#propdef-unicode-bidi" - }, - tests: ["normal", "embed", "bidi-override"] - }, - "vertical-align": { - "links": { - "tr": "visudet.html#propdef-vertical-align", - "dev": "#propdef-vertical-align" - }, - tests: [ - "baseline", "sub", "super", "top", "text-top", "middle", "bottom", - "text-bottom", "10px", "10%" - ] - }, - "visibility": { - "links": { - "tr": "visufx.html#visibility", - "dev": "#visibility" - }, - tests: ["visible", "hidden", "collapse"] - }, - "white-space": { + "position": { "links": { - "tr": "text.html#white-space-prop", - "dev": "#white-space-prop" + "tr": "#choose-position", + "dev": "#choose-position" }, - tests: ["normal", "pre", "nowrap", "pre-wrap", "pre-line"] + "tests": ["static", "relative", "absolute", "fixed"] }, - "widows": { + "right": { "links": { - "tr": "page.html#break-inside", - "dev": "#break-inside" + "tr": "#position-props", + "dev": "#position-props" }, - tests: ["1", "2"] + "tests": ["auto", "100px", "10%"] }, - "width": { + "top": { "links": { - "tr": "visudet.html#the-width-property", - "dev": "#the-width-property" + "tr": "#position-props", + "dev": "#position-props" }, - tests: ["auto", "100px", "10%"] + "tests": ["100px", "10%", "auto"] }, - "word-spacing": { + "unicode-bidi": { "links": { - "tr": "text.html#propdef-word-spacing", - "dev": "#propdef-word-spacing" + "tr": "#propdef-unicode-bidi", + "dev": "#propdef-unicode-bidi" }, - tests: ["normal", "10px"] + "tests": ["normal", "embed", "bidi-override"] }, "z-index": { "links": { - "tr": "visuren.html#z-index", + "tr": "#z-index", "dev": "#z-index" }, - tests: [ + "tests": [ "auto", "1", "-1" ] } From 2626064773c44088613f40bccbc3c6bb4c9a0d34 Mon Sep 17 00:00:00 2001 From: Sebastian Zartner Date: Thu, 13 Jan 2022 22:43:56 +0100 Subject: [PATCH 3/4] Adjusted filters for CSS 2 --- csstest.js | 2 ++ index.html | 4 +++- tests.js | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 60 insertions(+), 1 deletion(-) diff --git a/csstest.js b/csstest.js index 87ab47a..6d038b6 100644 --- a/csstest.js +++ b/csstest.js @@ -433,6 +433,8 @@ function runTests(filter = '') { ) { continue; } + } else if (filter === '' && Specs[spec].status && Specs[spec].status['first-snapshot'] === 1998) { + continue; } specs.push({ diff --git a/index.html b/index.html index 832b478..771c45b 100644 --- a/index.html +++ b/index.html @@ -39,10 +39,12 @@

Determined by passing tests out of Filter: