blob: 1432bbbcc58e881edd53e659a956ce4df25cff69 [file] [log] [blame]
<!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>