dmaax/ladybird
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
ladybird/Tests/LibWeb/Text/input/HTML/HTMLMediaElement-load-during-error.html

63 lines
1.8 KiB
HTML
Raw Permalink Normal View History

Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
<!DOCTYPE html>
<script src="../include.js"></script>
Tests: Stop worrying about exact media element ready states in events Instead, just verify a minimum for each event. Ready states aren't deterministic when following spec anyway.
2026-05-12 22:54:53 -03:00
<script src="HTMLMediaElement-include.js"></script>
Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
<video id="video" src="nonexistent-video.webm"></video>
<script>
// The video must exist before DOMContentLoaded can fire, so that the load event is
// delayed. Therefore, we must attach handlers to the events and cache all the events
// outside the async test.
const video = document.getElementById("video");
function logEvent(name) {
Tests: Stop worrying about exact media element ready states in events Instead, just verify a minimum for each event. Ready states aren't deterministic when following spec anyway.
2026-05-12 22:54:53 -03:00
let entry = `${name}: ${formatReadyStateExpectation(video, name)}`;
Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
if (name === "durationchange")
entry += ` duration=${video.duration}`;
Tests: Stop worrying about exact media element ready states in events Instead, just verify a minimum for each event. Ready states aren't deterministic when following spec anyway.
2026-05-12 22:54:53 -03:00
println(entry);
Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
}
for (const name of [
"loadstart", "abort", "error", "emptied",
"loadedmetadata", "loadeddata", "canplay",
"canplaythrough", "durationchange", "ended",
]) {
video.addEventListener(name, () => logEvent(name));
}
video.addEventListener("error", () => {
Tests: Stop worrying about exact media element ready states in events Instead, just verify a minimum for each event. Ready states aren't deterministic when following spec anyway.
2026-05-12 22:54:53 -03:00
println("error handler: setting good src");
Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
video.src = "../../../Assets/test-webm.webm";
Tests: Stop worrying about exact media element ready states in events Instead, just verify a minimum for each event. Ready states aren't deterministic when following spec anyway.
2026-05-12 22:54:53 -03:00
println("error handler: src setter returned");
Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
});
let documentLoaded = false;
let videoLoaded = false;
let videoCanPlayThrough = false;
let triggerCompletion = null;
function checkCompletion() {
Tests: Stop worrying about exact media element ready states in events Instead, just verify a minimum for each event. Ready states aren't deterministic when following spec anyway.
2026-05-12 22:54:53 -03:00
if (documentLoaded && videoLoaded && videoCanPlayThrough)
Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
triggerCompletion();
}
window.addEventListener("load", () => {
Tests: Stop worrying about exact media element ready states in events Instead, just verify a minimum for each event. Ready states aren't deterministic when following spec anyway.
2026-05-12 22:54:53 -03:00
println("document loaded");
Tests: Add a test for media element event ordering This test will try to load an invalid src, then in the error handler, set the src to a valid URL. In the process, any events that should have deterministic ordering will be logged to compare to the expectation.
2026-02-26 20:59:56 -03:00
documentLoaded = true;
checkCompletion();
});
video.addEventListener("loadeddata", () => {
videoLoaded = true;
checkCompletion();
});
video.addEventListener("canplaythrough", () => {
videoCanPlayThrough = true;
checkCompletion();
});
asyncTest(done => {
triggerCompletion = done;
checkCompletion();
});
</script>
Reference in a new issue Copy permalink