diff options
Diffstat (limited to 'testing/web-platform/tests/paint-timing/fcp-only/fcp-invisible-scale.html')
-rw-r--r-- | testing/web-platform/tests/paint-timing/fcp-only/fcp-invisible-scale.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/testing/web-platform/tests/paint-timing/fcp-only/fcp-invisible-scale.html b/testing/web-platform/tests/paint-timing/fcp-only/fcp-invisible-scale.html new file mode 100644 index 0000000000..4d3a060e85 --- /dev/null +++ b/testing/web-platform/tests/paint-timing/fcp-only/fcp-invisible-scale.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<head> +<title>Performance Paint Timing Test: FCP due to scale change</title> +<style> + #main { + width: 100px; + height: 100px; + left: 0px; + transform: scale(0); + position: relative; + top: 0; + background-image: url(../resources/circles.png); + } + + /* contentful class is defined in test_fcp script. */ + #main.contentful { + transform: none; + } +</style> +</head> +<body> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="../resources/utils.js"></script> +<div id="main"></div> +<script> + // Load the image into memory first to make sure it's decoded. + function load_image() { + const img = document.createElement("img"); + img.src = "../resources/circles.png"; + + return new Promise(resolve => { + img.onload = async () => resolve(); + }); + } + + test_fcp("First contentful paint fires due to scale becoming positive.", load_image) +</script> +</body> +</html> |