fune/testing/web-platform/tests/css/css-overflow/text-overflow-ellipsis-003.html
Ian Kilpatrick 4856887d3c Bug 1770866 [wpt PR 34178] - [layout] Add test for crbug.com/1062733, a=testonly
Automatic update from web-platform-tests
[layout] Add test for crbug.com/1062733

Fixed: 1062733
Change-Id: Ia3e50303c003b57e39bf5f39a36ac3353b684939
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3662208
Auto-Submit: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Commit-Queue: David Grogan <dgrogan@chromium.org>
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1006680}

--

wpt-commits: d52c458b77532fcdc00d93ba6b0ebbd466721d04
wpt-pr: 34178
2022-05-25 08:46:09 +00:00

44 lines
1 KiB
HTML

<!DOCTYPE html>
<html class=reftest-wait>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1062733">
<link rel="match" href="text-overflow-ellipsis-003-ref.html">
<script src="/common/reftest-wait.js"></script>
<style>
.container {
display: flex;
}
.cell {
white-space: nowrap;
overflow: hidden;
border: 1px solid red;
text-overflow: ellipsis;
}
span {
display: inline-block;
background: green;
width: 30px;
height: 1em;
padding: 4px;
margin: 5px;
}
</style>
<div id="target" class="container" style="width: 200px;">
<div class="cell">
<span></span><span></span><span></span><span></span>
</div>
<div class="cell">
<span></span><span></span><span></span><span></span>
</div>
</div>
<script>
async function runTest() {
await new Promise(requestAnimationFrame);
document.getElementById('target').style.width = '150px';
await new Promise(requestAnimationFrame);
takeScreenshot();
}
requestAnimationFrame(() => { requestAnimationFrame(() => runTest()) });
</script>