mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2025-01-01 02:38:43 -05:00
Adapt PathStyle tests to work with new Color classes.
This commit is contained in:
parent
2b1dee1bd4
commit
60c2d74c89
1 changed files with 20 additions and 20 deletions
|
@ -4,12 +4,12 @@ test('currentStyle', function() {
|
||||||
var doc = new Doc();
|
var doc = new Doc();
|
||||||
doc.currentStyle.fillColor = 'black';
|
doc.currentStyle.fillColor = 'black';
|
||||||
var path = new Path();
|
var path = new Path();
|
||||||
equals(path.fillColor, 'black');
|
compareRGBColors(path.fillColor, 'black');
|
||||||
|
|
||||||
// When changing the current style of the document, the style of
|
// When changing the current style of the document, the style of
|
||||||
// paths created using document.currentStyle should not change.
|
// paths created using document.currentStyle should not change.
|
||||||
doc.currentStyle.fillColor = 'red';
|
doc.currentStyle.fillColor = 'red';
|
||||||
equals(path.fillColor, 'black');
|
compareRGBColors(path.fillColor, 'black');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('setting currentStyle to an object', function() {
|
test('setting currentStyle to an object', function() {
|
||||||
|
@ -19,8 +19,8 @@ test('setting currentStyle to an object', function() {
|
||||||
strokeColor: 'green'
|
strokeColor: 'green'
|
||||||
};
|
};
|
||||||
var path = new Path();
|
var path = new Path();
|
||||||
equals(path.fillColor, 'red');
|
compareRGBColors(path.fillColor, 'red');
|
||||||
equals(path.strokeColor, 'green');
|
compareRGBColors(path.strokeColor, 'green');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('setting path styles to an object', function() {
|
test('setting path styles to an object', function() {
|
||||||
|
@ -30,8 +30,8 @@ test('setting path styles to an object', function() {
|
||||||
fillColor: 'red',
|
fillColor: 'red',
|
||||||
strokeColor: 'green'
|
strokeColor: 'green'
|
||||||
};
|
};
|
||||||
equals(path.fillColor, 'red');
|
compareRGBColors(path.fillColor, 'red');
|
||||||
equals(path.strokeColor, 'green');
|
compareRGBColors(path.strokeColor, 'green');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('setting group styles to an object', function() {
|
test('setting group styles to an object', function() {
|
||||||
|
@ -43,8 +43,8 @@ test('setting group styles to an object', function() {
|
||||||
fillColor: 'red',
|
fillColor: 'red',
|
||||||
strokeColor: 'green'
|
strokeColor: 'green'
|
||||||
};
|
};
|
||||||
equals(path.fillColor, 'red');
|
compareRGBColors(path.fillColor, 'red');
|
||||||
equals(path.strokeColor, 'green');
|
compareRGBColors(path.strokeColor, 'green');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('getting group styles', function() {
|
test('getting group styles', function() {
|
||||||
|
@ -54,7 +54,7 @@ test('getting group styles', function() {
|
||||||
path.fillColor = 'red';
|
path.fillColor = 'red';
|
||||||
group.appendTop(path);
|
group.appendTop(path);
|
||||||
|
|
||||||
equals(group.fillColor, 'red');
|
compareRGBColors(group.fillColor, 'red');
|
||||||
|
|
||||||
var secondPath = new Path();
|
var secondPath = new Path();
|
||||||
secondPath.fillColor = 'black';
|
secondPath.fillColor = 'black';
|
||||||
|
@ -66,7 +66,7 @@ test('getting group styles', function() {
|
||||||
|
|
||||||
//If we remove the first path, it should now return 'black':
|
//If we remove the first path, it should now return 'black':
|
||||||
group.children[0].remove();
|
group.children[0].remove();
|
||||||
equals(group.fillColor, 'black');
|
compareRGBColors(group.fillColor, 'black');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('setting group styles', function() {
|
test('setting group styles', function() {
|
||||||
|
@ -86,11 +86,11 @@ test('setting group styles', function() {
|
||||||
|
|
||||||
// the paths contained in the group should now both have their fillColor
|
// the paths contained in the group should now both have their fillColor
|
||||||
// set to black:
|
// set to black:
|
||||||
equals(path.fillColor, 'black');
|
compareRGBColors(path.fillColor, 'black');
|
||||||
equals(secondPath.fillColor, 'black');
|
compareRGBColors(secondPath.fillColor, 'black');
|
||||||
|
|
||||||
// The second path still has its strokeColor set to red:
|
// The second path still has its strokeColor set to red:
|
||||||
equals(secondPath.strokeColor, 'red');
|
compareRGBColors(secondPath.strokeColor, 'red');
|
||||||
});
|
});
|
||||||
|
|
||||||
test('setting group styles 2', function() {
|
test('setting group styles 2', function() {
|
||||||
|
@ -100,31 +100,31 @@ test('setting group styles 2', function() {
|
||||||
path.fillColor = 'red';
|
path.fillColor = 'red';
|
||||||
group.appendTop(path);
|
group.appendTop(path);
|
||||||
|
|
||||||
equals(group.fillColor, 'red');
|
compareRGBColors(group.fillColor, 'red');
|
||||||
|
|
||||||
var secondPath = new Path();
|
var secondPath = new Path();
|
||||||
secondPath.fillColor = 'blue';
|
secondPath.fillColor = 'blue';
|
||||||
secondPath.strokeColor = 'red';
|
secondPath.strokeColor = 'red';
|
||||||
group.appendTop(secondPath);
|
group.appendTop(secondPath);
|
||||||
|
|
||||||
equals(secondPath.fillColor, 'blue');
|
compareRGBColors(secondPath.fillColor, 'blue');
|
||||||
equals(secondPath.strokeColor, 'red');
|
compareRGBColors(secondPath.strokeColor, 'red');
|
||||||
|
|
||||||
// By appending a path with a different fillcolor,
|
// By appending a path with a different fillcolor,
|
||||||
// the group's fillColor should return null:
|
// the group's fillColor should return null:
|
||||||
equals(group.fillColor, null);
|
equals(group.fillColor, null);
|
||||||
|
|
||||||
// But, both paths have a red strokeColor, so:
|
// But, both paths have a red strokeColor, so:
|
||||||
equals(group.strokeColor, 'red');
|
compareRGBColors(group.strokeColor, 'red');
|
||||||
|
|
||||||
// Change the fill color of the group's style:
|
// Change the fill color of the group's style:
|
||||||
group.style.fillColor = 'black';
|
group.style.fillColor = 'black';
|
||||||
|
|
||||||
// the paths contained in the group should now both have their fillColor
|
// the paths contained in the group should now both have their fillColor
|
||||||
// set to black:
|
// set to black:
|
||||||
equals(path.fillColor, 'black');
|
compareRGBColors(path.fillColor, 'black');
|
||||||
equals(secondPath.fillColor, 'black');
|
compareRGBColors(secondPath.fillColor, 'black');
|
||||||
|
|
||||||
// The second path still has its strokeColor set to red:
|
// The second path still has its strokeColor set to red:
|
||||||
equals(secondPath.strokeColor, 'red');
|
compareRGBColors(secondPath.strokeColor, 'red');
|
||||||
});
|
});
|
Loading…
Reference in a new issue