16abbd78e7
Add scripts/import_wpt_reftests.py to sparse-clone the upstream WPT repo and bulk-import qualifying CSS reftests (no JS, no external resources) as known_fail entries. 23 tests already pass and are promoted. The import script is idempotent and exposed via `just import-wpt`. CI now prints the WPT summary (pass=36 known_fail=2877 skip=1) on every run. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>CSS Flexbox Test: flex-shrink - number(positive)</title>
|
|
<link rel="author" title="Intel" href="http://www.intel.com">
|
|
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
|
<link rel="help" title="7.3.2. The 'flex-shrink' property" href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<meta name="assert" content="The flex-shrink property set positive number determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed">
|
|
<style>
|
|
#container {
|
|
background-color: red;
|
|
display: flex;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
#container div {
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
#test1 {
|
|
flex-shrink: 2;
|
|
}
|
|
#test2 {
|
|
background-color: green;
|
|
flex-shrink: 3;
|
|
}
|
|
#cover {
|
|
background-color: green;
|
|
height: 100px;
|
|
margin-top: -100px;
|
|
width: 60px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div id="container">
|
|
<div id="test1"></div>
|
|
<div id="test2"></div>
|
|
</div>
|
|
<div id="cover"></div>
|
|
</body>
|