Bug 1315846 - Fix reftests with minor AA and layerization issues by replacing text with tall divs as placeholders r?dholbert
MozReview-Commit-ID: 4FB1MrQjGhE
--- a/layout/reftests/details-summary/mouse-click-overflow-auto-details.html
+++ b/layout/reftests/details-summary/mouse-click-overflow-auto-details.html
@@ -15,37 +15,33 @@
list-style-type: none;
}
summary {
background-color: green;
overflow: auto;
width: 200px;
height: 100px;
}
+ div.tall {
+ background-color: blue;
+ border: 1px dotted purple;
+ height: 1000px;
+ width: 50px;
+ }
</style>
<script>
function runTest() {
var summary = document.getElementById("summary");
summary.dispatchEvent(new MouseEvent("click"));
document.documentElement.removeAttribute("class");
}
</script>
<body onload="runTest();">
<details>
<summary id="summary">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
- minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
- ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
- voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
- sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
- mollit anim id est laborum.
+ <div class="tall">
+ </div>
</summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
- veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
- commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
- velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
- cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
- est laborum.
+ <div class="tall">
+ </div>
</details>
</body>
</html>
--- a/layout/reftests/details-summary/overflow-auto-open-details-ref.html
+++ b/layout/reftests/details-summary/overflow-auto-open-details-ref.html
@@ -11,29 +11,26 @@
height: 200px;
}
div#summary {
background-color: green;
overflow: auto;
width: 200px;
height: 100px;
}
+ div.tall {
+ background-color: blue;
+ border: 1px dotted purple;
+ height: 1000px;
+ width: 50px;
+ }
</style>
<body>
<div id="details">
- <div id="summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
- enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
+ <div id="summary">
+ <div class="tall">
+ </div>
</div>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
- veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
- commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
- velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
- cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
- est laborum.
+ <div class="tall">
+ </div>
</div>
</body>
</html>
--- a/layout/reftests/details-summary/overflow-auto-open-details.html
+++ b/layout/reftests/details-summary/overflow-auto-open-details.html
@@ -15,29 +15,26 @@
list-style-type: none;
}
summary {
background-color: green;
overflow: auto;
width: 200px;
height: 100px;
}
+ div.tall {
+ background-color: blue;
+ border: 1px dotted purple;
+ height: 1000px;
+ width: 50px;
+ }
</style>
<body>
<details open>
- <summary>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
- minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
- ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
- voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
- sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
- mollit anim id est laborum.
+ <summary>
+ <div class="tall">
+ </div>
</summary>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
- veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
- commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
- velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
- cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
- est laborum.
+ <div class="tall">
+ </div>
</details>
</body>
</html>