gecko-dev/gfx/tests/reftest/1524261.html

<!DOCTYPE html>
<html reftest-async-scroll>
<div style="overflow-y:hidden; position:absolute; top:50px; width: 200px; height: 100px; border: solid 1px black"
     reftest-displayport-x="0" reftest-displayport-y="0"
     reftest-displayport-w="200" reftest-displayport-h="300"
     reftest-async-scroll-x="0" reftest-async-scroll-y="50">
    <div style="transform: translateY(0px); width: 100px; height: 300px">
        <div style="background-color: green; height: 25px; width: 25px; border-radius: 5px"></div>
    </div>
</div>
Bug 1524261 - Add a reftest to prevent regression. r=jrmuizel WhatsApp Web has emojis in divs with border-radius, inside a transform, inside a scrollframe. The patch in bug 1523776 broke the clipping in that scrolling the scrollframe would make the emoji visible outside the scrollframe. This reftest replicates that scenario. Differential Revision: https://phabricator.services.mozilla.com/D18272 2019-01-31 23:03:07 +03:00			`<!DOCTYPE html>`
			`<html reftest-async-scroll>`
			`<div style="overflow-y:hidden; position:absolute; top:50px; width: 200px; height: 100px; border: solid 1px black"`
			`reftest-displayport-x="0" reftest-displayport-y="0"`
			`reftest-displayport-w="200" reftest-displayport-h="300"`
			`reftest-async-scroll-x="0" reftest-async-scroll-y="50">`
			`<div style="transform: translateY(0px); width: 100px; height: 300px">`
			`<div style="background-color: green; height: 25px; width: 25px; border-radius: 5px"></div>`
			`</div>`
			`</div>`