| 1x1-green.png |
|
135 |
| 1x1-lime.png |
|
135 |
| 1x1-maroon.png |
|
109 |
| 1x1-navy.png |
|
109 |
| 1x1-red.png |
|
135 |
| 1x1-white.png |
|
109 |
| 60x60-gg-rr.png |
|
224 |
| 60x60-green.png |
|
218 |
| 60x60-red.png |
|
217 |
| a-green.css |
|
21 |
| alignment.css |
align-self |
12477 |
| b-green.css |
|
20 |
| blue-100.png |
|
92 |
| blue32x32.ico |
|
326 |
| c-red.css |
|
18 |
| cat.png |
|
1883 |
| color-testcommon.js |
Set up a test for color properties that does not expect exact equality for
numeric values within the color. This is necessary for color-mix and
relative color syntax, which perform float arithmetic on color channels.
@param {number} epsilon Epsilon for comparison of numeric values.
|
5992 |
| computed-testcommon.js |
Create test that a CSS property computes to the expected value.
The document element #target is used to perform the test.
@param {string} property The name of the CSS property being tested.
@param {string} specified A specified value for the property.
@param {string|array} computed The expected computed value,
or an array of permitted computed value.
If omitted, defaults to specified.
@param {string} titleExtra Additional information to put in test output.
@param {object} options Additional test information, such as a custom
comparison function required for color tests.
comparisonFunction is a function that takes two
arguments, actual and expected and contains asserts.
|
7812 |
| delete-other-rule-crash.css |
|
19 |
| green.ico |
|
894 |
| grid.css |
Auto column / row. |
4509 |
| height-keyword-classes.css |
In the current spec for heights, min-content, max-content and fit-content are
equivalent.
|
577 |
| import-green.css |
|
26 |
| import-red.css |
|
24 |
| inheritance-testcommon.js |
Create tests that a CSS property inherits and has the given initial value.
The current document must have an element #target within element #container.
@param {string} property The name of the CSS property being tested.
@param {string|array} initial The computed value for 'initial' or a list
of acceptable computed value serializations.
@param {string} other An arbitrary value for the property that
round trips and is distinct from the initial
value.
|
4100 |
| interpolation-testcommon.js |
|
21380 |
| META.yml |
|
33 |
| numeric-testcommon.js |
Provides functions to help test that two numeric values are equivalent.
These *do not* rely on you predicting what one value will serialize to;
instead, they set and serialize *both* values,
and just ensure that they serialize to the same thing.
They rely on a #target element existing in the document,
as this might rely on layout to resolve styles,
and so it needs to be in the document.
Three main functions are defined, with the same signatures:
test_math_used() (for testing used values),
test_math_computed() (for testing computed values),
and test_math_specified() (for testing specified values).
Signature for all is:
test_math_X(
testString, // A numeric value; required.
expectedString, // A hopefully-equivalent numeric value; required.
{ // all of these are optional
type, // "number", "length", etc. See impl for full list. Defaults to "length".
msg, // The message to display for the test; autogenned if not provided.
msgExtra, // Extra info to put after the auto-genned message.
prop, // If you want to override the automatic choice of tested property.
extraStyle, // Styles that need to be set at the same time to properly test the value.
approx, // The epsilon in order to compare numeric-ish values.
// Note that it'd use parseFloat in order to extract the
// values, so they can drop units or what not.
}
);
Additionally, five specialized functions are provided
to test that a given value is ±∞, ±0, or NaN:
test_plus_infinity(testString)
test_minus_infinity(testString)
test_plus_zero(testString)
test_minus_zero(testString)
test_nan(testString)
|
8544 |
| parsing-testcommon.js |
Create test that a CSS property computes to the expected value.
The document element #target is used to perform the test.
@param {string} property The name of the CSS property being tested.
@param {string} value A specified value for the property.
@param {string|array} serializedValue The expected serialized value,
or an array of permitted serializations.
If omitted, defaults to the specified value.
@param {object} options Additional test information, such as a custom
comparison function required for color tests.
comparisonFunction is a function that takes two
arguments, actual and expected and contains asserts.
|
7396 |
| pattern-grg-rgr-grg.png |
|
222 |
| pattern-grg-rrg-rgg.png |
|
231 |
| pattern-rgr-grg-rgr.png |
|
223 |
| pattern-tr.png |
|
137 |
| query-testcommon.js |
|
570 |
| README |
CSS Global Support Directory |
964 |
| red-rect.svg |
|
269 |
| red.ico |
|
894 |
| ruler-h-50%.png |
|
691 |
| ruler-h-50px.png |
|
671 |
| ruler-v-50px.png |
|
757 |
| ruler-v-100px.png |
|
760 |
| serialize-testcommon.js |
Functions to test serialization of properties.
Each takes (property, testString, expectedSerialization) arguments.
These functions depend on a #target element existing in the page,
and will error if they don't find one.
Note that test_computed_serialization and test_used_serialization
are identical except for assertion messages;
you need to choose properties with the correct resolved values
to test the value stage that you want.
For ease of use, it's recommended that you define and use
the following function in your test page:
function test_serialization(t,s,c,u, {prop}={}) {
test_specified_serialization(prop || 'text-indent', t, s);
test_computed_serialization(prop || 'text-indent', t, c);
if(u) test_used_serialization(prop || 'margin-left', t, u);
}
(swapping the property names for what you're expecting to test)
Then you can write tests easily as:
test_serialization(
'calc(min(1%, 2%) + max(3%, 4%) + 10%)', // test string
'calc(15%)', // expected specified value
'15%', // expected computed value
'15px'); // expected used value
|
3562 |
| shorthand-testcommon.js |
Helper to be called from inside test().
|
4419 |
| square-purple.png |
|
92 |
| square-teal.png |
|
92 |
| square-white.png |
|
78 |
| swatch-blue.png |
|
84 |
| swatch-green.png |
|
84 |
| swatch-lime.png |
|
84 |
| swatch-orange.png |
|
84 |
| swatch-red.png |
|
84 |
| swatch-teal.png |
|
156 |
| swatch-white.png |
|
85 |
| swatch-yellow.png |
|
84 |
| test-bl.png |
|
1368 |
| test-br.png |
|
1045 |
| test-inner-half-size.png |
|
180 |
| test-outer.png |
|
2412 |
| test-tl.png |
|
1025 |
| test-tr.png |
|
1235 |
| width-keyword-classes.css |
Take every possible line break so the box width is the width of largest
unbreakable line box.
|
664 |
