79 lines
2.6 KiB
JavaScript
79 lines
2.6 KiB
JavaScript
|
describe("Gradients", function () {
|
||
|
|
var s,
|
||
|
|
r;
|
||
|
|
beforeEach(function () {
|
||
|
|
s = Snap(100, 100);
|
||
|
|
r = s.rect(0, 0, 100, 100);
|
||
|
|
});
|
||
|
|
afterEach(function () {
|
||
|
|
s.remove();
|
||
|
|
});
|
||
|
|
function getGrad(el) {
|
||
|
|
if (!el) {
|
||
|
|
el = r;
|
||
|
|
}
|
||
|
|
var id = el.node.getAttribute("fill");
|
||
|
|
id = Snap.deurl(id);
|
||
|
|
return s.select(id);
|
||
|
|
}
|
||
|
|
|
||
|
|
it("creates simple gradient", function () {
|
||
|
|
r.attr({fill: "l(0,0,1,0)#fff-#000"});
|
||
|
|
var g = getGrad();
|
||
|
|
expect(g).to.not.be(null);
|
||
|
|
expect(g.stops().length).to.be(2);
|
||
|
|
expect(g.stops()[0].attr("stop-color")).to.be("rgb(255, 255, 255)");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("creates radial gradient", function () {
|
||
|
|
r.attr({fill: "r()#fff-#000"});
|
||
|
|
var g = getGrad();
|
||
|
|
expect(g).to.not.be(null);
|
||
|
|
expect(g.stops().length).to.be(2);
|
||
|
|
expect(g.stops()[0].attr("stop-color")).to.be("rgb(255, 255, 255)");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("returns gradient for .attr(\"fill\") call", function () {
|
||
|
|
r.attr({fill: "l(0,0,1,0)#fff-#fc0:20-#000"});
|
||
|
|
var g = getGrad(),
|
||
|
|
g2 = r.attr("fill");
|
||
|
|
expect(g).to.be(g2);
|
||
|
|
});
|
||
|
|
|
||
|
|
it("creates complex gradient", function () {
|
||
|
|
r.attr({fill: "l(0,0,1,0)#fff-#fc0:20-#000"});
|
||
|
|
var g = getGrad();
|
||
|
|
expect(g).to.not.be(null);
|
||
|
|
expect(g.stops().length).to.be(3);
|
||
|
|
expect(g.stops()[0].attr("stop-color")).to.be("rgb(255, 255, 255)");
|
||
|
|
expect(g.stops()[1].attr("offset")).to.be("20%");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("updates simple gradient", function () {
|
||
|
|
r.attr({fill: "l(0,0,1,0)#fff-#000"});
|
||
|
|
var g = getGrad();
|
||
|
|
expect(g).to.not.be(null);
|
||
|
|
expect(g.stops().length).to.be(2);
|
||
|
|
expect(g.stops()[0].attr("stop-color")).to.be("rgb(255, 255, 255)");
|
||
|
|
g.setStops("#000-#fff");
|
||
|
|
expect(g.stops().length).to.be(2);
|
||
|
|
expect(g.stops()[0].attr("stop-color")).to.be("rgb(0, 0, 0)");
|
||
|
|
g.setStops("#000-red-#fff");
|
||
|
|
expect(g.stops().length).to.be(3);
|
||
|
|
expect(g.stops()[1].attr("stop-color")).to.be("rgb(255, 0, 0)");
|
||
|
|
});
|
||
|
|
|
||
|
|
it("adds stops to the gradient", function () {
|
||
|
|
r.attr({fill: "l(0,0,1,0)#fff-#000"});
|
||
|
|
var g = getGrad();
|
||
|
|
expect(g).to.not.be(null);
|
||
|
|
expect(g.stops().length).to.be(2);
|
||
|
|
expect(g.stops()[0].attr("stop-color")).to.be("rgb(255, 255, 255)");
|
||
|
|
g.addStop("red", 20);
|
||
|
|
expect(g.stops().length).to.be(3);
|
||
|
|
expect(g.stops()[1].attr("stop-color")).to.be("rgb(255, 0, 0)");
|
||
|
|
expect(g.stops()[1].attr("offset")).to.be("20%");
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|