gecko-dev/testing/web-platform/tests/css/css-logical/resources/test-logical-values.js
Oriol Brufau 58e47a7324 Bug 1504801 [wpt PR 13928] - [css-logical] Fix logical values according to the spec, a=testonly
Automatic update from web-platform-tests[css-logical] Fix logical values according to the spec

Spec: https://drafts.csswg.org/css-logical/#directional-keywords

Currently logical values compute to the corresponding physical value,
and the mapping is with respect to the element itself. This patch
makes them compute as specified and changes the mapping to be with
respect to the containing block.

BUG=901409

TEST=external/wpt/css/css-logical/logical-values-float-clear.html
TEST=external/wpt/css/css-logical/logical-values-float-clear-reftest.html
TEST=external/wpt/css/css-logical/logical-values-resize.html
TEST=webexposed/nonstable-css-properties.html

Change-Id: Ie0acaacde813c5343ec3bb8de712c4af03639475
Reviewed-on: https://chromium-review.googlesource.com/c/1315989
Commit-Queue: Manuel Rego <rego@igalia.com>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#608730}

--

wpt-commits: 68eabe4d5bf5bed82dcdcc33e8b9e54a45d55307
wpt-pr: 13928
2018-11-21 13:59:15 +00:00

27 lines
813 B
JavaScript

import {
testElement,
writingModes,
testCSSValues,
testComputedValues,
makeDeclaration
} from "./test-shared.js";
/**
* Tests flow-relative values for a CSS property in different writing modes.
*
* @param {string} property
* The CSS property to be tested.
* @param {string[]} values
* An array with the flow-relative values to be tested.
*/
export function runTests(property, values) {
for (const value of values) {
test(function() {
const {style} = testElement;
style.cssText = "";
style.setProperty(property, value);
testCSSValues("logical values in inline style", style, [[property, value]]);
testComputedValues("logical values in computed style", style, [[property, value]]);
}, `Test that '${property}: ${value}' is supported.`);
}
}