| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| function load() { |
| window.animation = document.body.animate([]); |
| |
| runTest(); |
| } |
| |
| function test() |
| { |
| let suite = InspectorTest.createAsyncSuite("Animation.targetChanged"); |
| |
| suite.addTestCase({ |
| name: "Animation.targetChanged.NewTarget", |
| 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 [oldTarget] = await promisify((callback) => { animation.requestEffectTarget(callback); }); |
| InspectorTest.expectThat(oldTarget.node instanceof WI.DOMNode, "Animation effect should have a target element."); |
| InspectorTest.expectNull(oldTarget.pseudoId, "Animation effect should not have a target pseudo-element."); |
| |
| InspectorTest.log("Changing target...\n"); |
| await Promise.all([ |
| animation.awaitEvent(WI.Animation.Event.TargetChanged), |
| InspectorTest.evaluateInPage(`window.animation.effect.target = document.createElement("div")`), |
| ]); |
| |
| let [newTarget] = await promisify((callback) => { animation.requestEffectTarget(callback); }); |
| InspectorTest.expectThat(newTarget.node instanceof WI.DOMNode, "Animation effect should have a target element."); |
| InspectorTest.expectNull(newTarget.pseudoId, "Animation effect should not have a target pseudo-element."); |
| |
| InspectorTest.expectNotEqual(newTarget, oldTarget, "Animation effect target should have changed."); |
| InspectorTest.expectNotEqual(newTarget.node, oldTarget.node, "Animation effect target element should have changed."); |
| }, |
| }); |
| |
| suite.addTestCase({ |
| name: "Animation.targetChanged.NullTarget", |
| 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 [oldTarget] = await promisify((callback) => { animation.requestEffectTarget(callback); }); |
| InspectorTest.expectThat(oldTarget.node instanceof WI.DOMNode, "Animation effect should have a target element."); |
| InspectorTest.expectNull(oldTarget.pseudoId, "Animation effect should not have a target pseudo-element."); |
| |
| InspectorTest.log("Changing target...\n"); |
| await Promise.all([ |
| animation.awaitEvent(WI.Animation.Event.TargetChanged), |
| InspectorTest.evaluateInPage(`window.animation.effect.target = null`), |
| ]); |
| |
| let [newTarget] = await promisify((callback) => { animation.requestEffectTarget(callback); }); |
| InspectorTest.expectNull(newTarget, "Animation effect should not have a target element."); |
| |
| InspectorTest.expectNotEqual(newTarget, oldTarget, "Animation effect target should have changed."); |
| }, |
| }); |
| |
| suite.addTestCase({ |
| name: "Animation.targetChanged.NewTargetWithPseudoId", |
| 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 [oldTarget] = await promisify((callback) => { animation.requestEffectTarget(callback); }); |
| InspectorTest.expectNull(oldTarget, "Animation effect should not have a target."); |
| |
| InspectorTest.log("Changing target...\n"); |
| await Promise.all([ |
| animation.awaitEvent(WI.Animation.Event.TargetChanged), |
| InspectorTest.evaluateInPage(`window.animation.effect.target = document.createElement("div")`), |
| ]); |
| |
| let [newTarget] = await promisify((callback) => { animation.requestEffectTarget(callback); }); |
| InspectorTest.expectThat(newTarget.node instanceof WI.DOMNode, "Animation effect should have a target element."); |
| InspectorTest.expectNull(newTarget.pseudoId, "Animation effect should not have a target pseudo-element."); |
| |
| InspectorTest.log("Changing target again...\n"); |
| await Promise.all([ |
| animation.awaitEvent(WI.Animation.Event.TargetChanged), |
| InspectorTest.evaluateInPage(`window.animation.effect.pseudoElement = "::before"`), |
| ]); |
| |
| let [newestTarget] = await promisify((callback) => { animation.requestEffectTarget(callback); }); |
| InspectorTest.expectThat(newestTarget.node instanceof WI.DOMNode, "Animation effect should have a target element."); |
| InspectorTest.expectEqual(newestTarget.pseudoId, "before", "Animation effect should have a target pseudo-element."); |
| |
| InspectorTest.expectNotEqual(newTarget, newestTarget, "Animation effect target should have changed."); |
| InspectorTest.expectEqual(newTarget.node, newestTarget.node, "Animation effect target element should not have changed."); |
| }, |
| }); |
| |
| suite.runTestCasesAndFinish(); |
| } |
| </script> |
| </head> |
| <body onload="load()"> |
| <p>Tests for the Animation.targetChanged event.</p> |
| </body> |
| </html> |
