| <!doctype html> |
| <html> |
| <head> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| function test() |
| { |
| let suite = InspectorTest.createAsyncSuite("WI.Gradient"); |
| |
| suite.addTestCase({ |
| name: "WI.Gradient.fromString", |
| description: "Test we can detect gradients from strings.", |
| test(resolve, reject) { |
| function testGood(string, expectedSubclass) { |
| let gradient = WI.Gradient.fromString(string); |
| InspectorTest.expectThat(gradient instanceof WI.Gradient, `'${string}' is valid`); |
| InspectorTest.expectThat(gradient && gradient instanceof expectedSubclass, `'${string}' is the expected subclass '${expectedSubclass.name}'`); |
| } |
| |
| function testBad(string) { |
| let gradient = WI.Gradient.fromString(string); |
| InspectorTest.expectThat(!gradient, `'${string}' is not valid`); |
| if (gradient) |
| InspectorTest.fail(`'${string}' is valid with subclass '${gradient.constructor.name}'`); |
| } |
| |
| testGood("linear-gradient(red, blue)", WI.LinearGradient); |
| testGood("linear-gradient(0deg, red, blue)", WI.LinearGradient); |
| testGood("linear-gradient(to top, red, blue)", WI.LinearGradient); |
| testGood("linear-gradient(to top, red, green 50%, blue)", WI.LinearGradient); |
| testGood("repeating-linear-gradient(0deg, red, blue)", WI.LinearGradient); |
| |
| testGood("radial-gradient(red, blue)", WI.RadialGradient); |
| testGood("radial-gradient(0deg, red, blue)", WI.RadialGradient); |
| testGood("radial-gradient(ellipse, red, blue)", WI.RadialGradient); |
| testGood("radial-gradient(ellipse, red, green 50%, blue)", WI.RadialGradient); |
| testGood("repeating-radial-gradient(red, blue)", WI.RadialGradient); |
| |
| InspectorTest.log(""); |
| |
| testBad("bad"); |
| |
| testBad("linear-gradient"); |
| testBad("linear-gradient()"); |
| testBad("linear-gradient(0, red)"); |
| testBad("linear-gradient(0, red, blue)"); |
| testBad("linear-gradient(to, red, blue)"); |
| testBad("linear-gradient(0deg, red, blue"); |
| testBad("linear-gradient(0deg, red, blue,)"); |
| |
| testBad("radial-gradient"); |
| testBad("radial-gradient()"); |
| testBad("radial-gradient(red, blue"); |
| testBad("radial-gradient(red, blue,)"); |
| |
| resolve(); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "WI.Gradient.prototype.toString", |
| description: "Test the different toString outputs.", |
| test(resolve, reject) { |
| function test(string, expected = string) { |
| let gradient = WI.Gradient.fromString(string); |
| InspectorTest.expectThat(gradient instanceof WI.Gradient, `'${string}' is valid`); |
| InspectorTest.expectEqual(gradient && gradient.toString(), expected, `toString() output matches '${expected}'`); |
| } |
| |
| test("linear-gradient(0deg, red, blue)", "linear-gradient(to top, red, blue)"); |
| test("linear-gradient(to top, red, blue)"); |
| test("linear-gradient(30deg, red, blue)"); |
| test("repeating-linear-gradient(red, blue)"); |
| |
| test("radial-gradient(red, blue)"); |
| test("radial-gradient(30deg, red, blue)"); |
| test("radial-gradient(ellipse, red, blue)"); |
| test("repeating-radial-gradient(red, blue)"); |
| |
| resolve(); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "WI.LinearGradient.prototype.set angleUnits", |
| description: "Test the recalculation of the angle value when changing angle units.", |
| test(resolve, reject) { |
| let gradient = WI.Gradient.fromString("linear-gradient(red, blue)"); |
| if (!gradient) { |
| InspectorTest.fail("'linear-gradient(red, blue)' is not valid"); |
| reject(); |
| } |
| |
| function test(angleValue, angleUnits) { |
| InspectorTest.expectEqual(gradient.angleValue, angleValue, `Gradient has angle value of '${angleValue}'`); |
| InspectorTest.expectEqual(gradient.angleUnits, angleUnits, `Gradient has angle units of '${angleUnits}'`); |
| InspectorTest.expectEqual(gradient.toString(), "linear-gradient(red, blue)", "toString() returns the same value regardless of angle units"); |
| } |
| |
| test(180, WI.LinearGradient.AngleUnits.DEG); |
| |
| gradient.angleUnits = WI.LinearGradient.AngleUnits.RAD; |
| |
| test(3.14, WI.LinearGradient.AngleUnits.RAD); |
| |
| gradient.angleUnits = WI.LinearGradient.AngleUnits.GRAD; |
| |
| test(200, WI.LinearGradient.AngleUnits.GRAD); |
| |
| gradient.angleUnits = WI.LinearGradient.AngleUnits.TURN; |
| |
| test(0.5, WI.LinearGradient.AngleUnits.TURN); |
| |
| resolve(); |
| } |
| }); |
| |
| suite.runTestCasesAndFinish(); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>Tests for the WI.Gradient model object.</p> |
| </body> |
| </html> |
