Skip to content

GitLab

T
tangled
Commit c53f1f08 authored by Vladimir Levin's avatar Vladimir Levin Committed by Commit Bot
Browse files
Options

CSSIntrinsicSize: Add more img wpt tests. 

This patch adds more tests for img (layout replaced) with
intrinsic-size specified, since the coverage was lacking.

R=chrishtr@chromium.org

Bug: 1016470
Change-Id: Ief95a39d6f351923f51644893d54a7dd435c5c57
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1890009
Commit-Queue: Chris Harrelson <chrishtr@chromium.org>
Reviewed-by: default avatarChris Harrelson <chrishtr@chromium.org>
Auto-Submit: vmpstr <vmpstr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#711019}
parent 1309d9a0
Hide whitespace changes
Inline Side-by-side
Showing with 144 additions and 0 deletions
third_party/blink/web_tests/wpt_internal/css/css-intrinsic-size/intrinsic-size-020-ref.html 0 → 100644
View file @ c53f1f08
<!doctype html>
<meta charset="utf8">
<title>CSS intrinsic-size: replaced content (min-content)</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
<style>
#target {
width: 100px;
height: 200px;
}
</style>
<img id=target src="resources/dice.png"></img>
third_party/blink/web_tests/wpt_internal/css/css-intrinsic-size/intrinsic-size-020.html 0 → 100644
View file @ c53f1f08
<!doctype html>
<meta charset="utf8">
<title>CSS intrinsic-size: replaced content (min-content)</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
<link rel="match" href="intrinsic-size-020-ref.html">
<style>
#target {
intrinsic-size: 100px 200px;
inline-size: min-content;
block-size: auto;
}
</style>
<img id=target src="resources/dice.png"></img>
third_party/blink/web_tests/wpt_internal/css/css-intrinsic-size/intrinsic-size-with-auto-003-ref.html 0 → 100644
View file @ c53f1f08
<!doctype html>
<meta charset="utf8">
<title>CSS intrinsic-size: replaced content with auto</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
<style>
img {
border: 1px solid black;
box-sizing: content-box;
}
#target1 {
height: 200px;
/* the source img is 320x240, and the intrinsic size only adjusted the height */
width: 320px;
}
#target2 {
width: 100px;
/* the source img is 320x240, and the intrinsic size only adjusted the width */
height: 240px;
}
#target3 {
width: 0px;
height: 200px;
overflow: hidden;
}
#target4 {
width: 100px;
height: 0px;
overflow: hidden;
}
</style>
<img id=target1 src="resources/dice.png"></img>
<img id=target2 src="resources/dice.png"></img>
<img id=target3 src="resources/dice.png"></img>
<img id=target4 src="resources/dice.png"></img>
third_party/blink/web_tests/wpt_internal/css/css-intrinsic-size/intrinsic-size-with-auto-003.html 0 → 100644
View file @ c53f1f08
<!doctype html>
<meta charset="utf8">
<title>CSS intrinsic-size: replaced content with auto</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
<link rel="match" href="intrinsic-size-with-auto-003-ref.html">
<style>
img {
border: 1px solid black;
}
#target1 {
intrinsic-size: auto 200px;
}
#target2 {
intrinsic-size: 100px auto;
}
#target3 {
intrinsic-size: auto 200px;
overflow: hidden;
}
#target4 {
intrinsic-size: 100px auto;
overflow: hidden;
}
</style>
<img id=target1 src="resources/dice.png"></img>
<img id=target2 src="resources/dice.png"></img>
<img id=target3 src="resources/dice.png"></img>
<img id=target4 src="resources/dice.png"></img>
third_party/blink/web_tests/wpt_internal/css/css-intrinsic-size/intrinsic-size-with-legacy-004-ref.html 0 → 100644
View file @ c53f1f08
<!doctype html>
<meta charset="utf8">
<title>CSS intrinsic-size: replaced content with legacy</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
<style>
img {
border: 1px solid black;
box-sizing: content-box;
}
#target1 {
height: 200px;
/* the source img is 320x240, and the intrinsic size only adjusted the height */
width: 320px;
}
#target2 {
width: 100px;
/* the source img is 320x240, and the intrinsic size only adjusted the width */
height: 240px;
}
</style>
<img id=target1 src="resources/dice.png"></img>
<img id=target2 src="resources/dice.png"></img>
third_party/blink/web_tests/wpt_internal/css/css-intrinsic-size/intrinsic-size-with-legacy-004.html 0 → 100644
View file @ c53f1f08
<!doctype html>
<meta charset="utf8">
<title>CSS intrinsic-size: replaced content with legacy</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
<link rel="match" href="intrinsic-size-with-legacy-004-ref.html">
<style>
img {
border: 1px solid black;
}
#target1 {
intrinsic-size: legacy 200px;
}
#target2 {
intrinsic-size: 100px legacy;
}
</style>
<img id=target1 src="resources/dice.png"></img>
<img id=target2 src="resources/dice.png"></img>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment