failIfNot(document.startViewTransition, "Missing document.startViewTransition");

function add_rule() {
    const style = document.createElement("style");
    style.innerHTML = "@view-transition { navigation: auto }";
    document.head.append(style);
}

onload = async() => {
    document.documentElement.classList.add("vt-old");
    const transition = document.startViewTransition(() => {
        document.documentElement.classList.add("vt-new");
        document.documentElement.classList.remove("vt-old");
    });
    transition.finished.then(() => {
        document.documentElement.classList.remove("vt-new");
        document.documentElement.classList.remove("vt-old");
    });
    transition.ready.then(() => takeScreenshot());
}