<!DOCTYPE html>
<html>
<head>
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
<script>
function load() {
    window.animation = document.body.animate([{opacity: 0}]);

    runTest();
}

function test()
{
    let suite = InspectorTest.createAsyncSuite("Animation.effectChanged");

    suite.addTestCase({
        name: "Animation.effectChanged.NewEffect",
        description: "Should return a valid object for the given animation identifier.",
        async test() {
            let animations = Array.from(WI.animationManager.animationCollection);
            InspectorTest.assert(animations.length === 1, "There should only be one animation.");

            let animation = animations[0];
            if (!animation) {
                throw `Missing animation.`;
                return;
            }

            InspectorTest.assert(animation.animationType === WI.Animation.Type.WebAnimation, "Animation should be a web animation.");

            let oldKeyframes = animation.keyframes;
            InspectorTest.expectNotEmpty(oldKeyframes, "Animation should have an effect.");

            InspectorTest.log("Changing effect...\n");
            await Promise.all([
                animation.awaitEvent(WI.Animation.Event.EffectChanged),
                InspectorTest.evaluateInPage(`window.animation.effect = new KeyframeEffect(window.animation.effect.target, [{opacity: 1}], {})`),
            ]);

            let newKeyframes = animation.keyframes;
            InspectorTest.expectNotEmpty(newKeyframes, "Animation should have an effect.");

            InspectorTest.expectNotShallowEqual(newKeyframes, oldKeyframes, "Animation effect should have changed.");
        },
    });

    suite.addTestCase({
        name: "Animation.effectChanged.NullEffect",
        description: "Should return a valid object for the given animation identifier.",
        async test() {
            let animations = Array.from(WI.animationManager.animationCollection);
            InspectorTest.assert(animations.length === 1, "There should only be one animation.");

            let animation = animations[0];
            if (!animation) {
                throw `Missing animation.`;
                return;
            }

            InspectorTest.assert(animation.animationType === WI.Animation.Type.WebAnimation, "Animation should be a web animation.");

            let oldKeyframes = animation.keyframes;
            InspectorTest.expectNotEmpty(oldKeyframes, "Animation should have an effect.");

            InspectorTest.log("Changing effect...\n");
            await Promise.all([
                animation.awaitEvent(WI.Animation.Event.EffectChanged),
                InspectorTest.evaluateInPage(`window.animation.effect = null`),
            ]);

            let newKeyframes = animation.keyframes;
            InspectorTest.expectEmpty(newKeyframes, "Animation should not have an effect.");

            InspectorTest.expectNotShallowEqual(newKeyframes, oldKeyframes, "Animation effect should have changed.");
        },
    });

    suite.runTestCasesAndFinish();
}
</script>
</head>
<body onload="load()">
    <p>Tests for the Animation.effectChanged event.</p>
</body>
</html>