Skip to content

GitLab

T
tangled
Commit 4caf1c2f authored by wangxianzhu@chromium.org's avatar wangxianzhu@chromium.org
Browse files
Options

Add several repaint tests in case of table resize 

BUG=391177
R=dsinclair@chromium.org

Review URL: https://codereview.chromium.org/403723004

git-svn-id: svn://svn.chromium.org/blink/trunk@179060 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent 55526c2d
Hide whitespace changes
Inline Side-by-side
Showing with 149 additions and 0 deletions
third_party/WebKit/LayoutTests/fast/table/resize-table-repaint-percent-size-cell-expected.txt 0 → 100644
View file @ 4caf1c2f
{
"bounds": [800, 600],
"children": [
{
"bounds": [800, 600],
"contentsOpaque": true,
"drawsContent": true,
"repaintRects": [
[2, 292, 102, 236],
[2, 102, 102, 46],
[2, 52, 102, 238],
[2, 52, 102, 48],
[0, 292, 106, 236],
[0, 150, 106, 380],
[0, 102, 106, 46],
[0, 100, 106, 190]
]
}
]
}
third_party/WebKit/LayoutTests/fast/table/resize-table-repaint-percent-size-cell.html 0 → 100644
View file @ 4caf1c2f
<!DOCTYPE html>
<script src="../../fast/repaint/resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
document.getElementById('table').style.height = '80%';
}
onload = runRepaintTest;
</script>
<style>
body {
margin: 0;
}
table {
position: absolute;
height: 100px;
}
tr {
height: 50%;
background-color: green;
}
td {
width: 100px;
}
</style>
<div style="height: 50px">
Tests repaint of percent-sized table cells when table changes size.
The result repaint rects should cover the percent-sized table cells.
</div>
<table id="table">
<tr>
<td>ROW1</td>
</tr>
<tr>
<td>ROW2</td>
</tr>
</table>
third_party/WebKit/LayoutTests/fast/table/resize-table-repaint-vertical-align-cell-expected.txt 0 → 100644
View file @ 4caf1c2f
{
"bounds": [800, 600],
"children": [
{
"bounds": [800, 600],
"contentsOpaque": true,
"drawsContent": true,
"repaintRects": [
[2, 52, 102, 476],
[2, 52, 102, 96],
[0, 150, 106, 380],
[0, 148, 106, 380]
]
}
]
}
third_party/WebKit/LayoutTests/fast/table/resize-table-repaint-vertical-align-cell.html 0 → 100644
View file @ 4caf1c2f
<!DOCTYPE html>
<script src="../../fast/repaint/resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
document.getElementById('table').style.height = '80%';
}
onload = runRepaintTest;
</script>
<style>
body {
margin: 0;
}
table {
position: absolute;
height: 100px;
}
td {
vertical-align: middle;
width: 100px;
}
</style>
<div style="height: 50px">
Tests repaint of middle-vertical-aligned table cells when table changes size.
The result repaint rects should cover the middle-vertical-aligned table cells.
</div>
<table id="table">
<tr>
<td>MIDDLE</td>
</tr>
</table>
third_party/WebKit/LayoutTests/fast/table/resize-table-row-repaint-expected.txt 0 → 100644
View file @ 4caf1c2f
{
"bounds": [800, 600],
"children": [
{
"bounds": [800, 600],
"contentsOpaque": true,
"drawsContent": true,
"repaintRects": [
[2, 102, 102, 200],
[2, 102, 102, 100],
[0, 204, 106, 100],
[0, 202, 106, 100]
]
}
]
}
third_party/WebKit/LayoutTests/fast/table/resize-table-row-repaint.html 0 → 100644
View file @ 4caf1c2f
<!DOCTYPE html>
<script src="../../fast/repaint/resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
document.getElementById('row').style.height = '200px';
}
onload = runRepaintTest;
</script>
<style>
body {
margin: 0;
}
tr {
height: 100px;
}
td {
width: 100px;
}
</style>
<div style="height: 100px">
Tests repaint of table cells when the row changes size.
The result repaint rects should cover the changed table cells.
</div>
<table>
<tr id="row">
<td>MIDDLE</td>
</tr>
</table>
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