fune/testing/web-platform/tests/css/css-transforms/transform-inline-001.html
Sahir Vellani 00907f2ef1 Bug 1705508 [wpt PR 28524] - Fix WPT transform-inline test by using Ahem, a=testonly
Automatic update from web-platform-tests
Fix WPT transform-inline test by using Ahem

transform-inline-001.html fails on Edge and Chrome due to a slight
font mismatch. This issue is resolved by making the test use Ahem.
This change does not detract from the original purpose of the test,
which is CSS transforms.

Bug: 1181103
Change-Id: Iea4aa777c1630e874810ba6c9dd55d5bfeb082ab
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2828954
Reviewed-by: Philip Rogers <pdr@chromium.org>
Commit-Queue: Sahir Vellani <sahir.vellani@microsoft.com>
Cr-Commit-Position: refs/heads/master@{#873009}

--

wpt-commits: 505211ba4362d8bdb7431631b29a2923dfcb30b4
wpt-pr: 28524
2021-04-23 22:16:04 +00:00

28 lines
1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>CSS Test (Transforms): Transformed Inline</title>
<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
<meta name="assert" content='The definition of "transformable element"
includes atomic inline-level elements, such as images, but not regular
inline-level elements, such as spans. The &apos;transform&apos; property
only applies to transformable elements, so it should have no effect on a
span.'>
<link rel="match" href="transform-inline-ref.html">
<link rel="mismatch" href="transform-inline-notref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
body {
font: 25px/1 Ahem;
}
span, p + p {
transform: rotate(180deg);
}
</style>
</head>
<body>
<p>This is some <span>text<br>that is</span> not transformed</p>
<p>This is some text that is transformed</p>
</body>
</html>