lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-19 10:47:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

migrated unit tests to Mocha

Browse Source
This commit is contained in:
Eric Rowell
2013-09-08 21:36:54 -07:00
parent 1d586098dd
commit 400fae734d
18 changed files with 810 additions and 831 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
test/runner.html
View File

@@ -30,6 +30,7 @@
<script src="assets/worldMap.js"></script>
<!-- core -->
<script src="unit/Node-test.js"></script>
<script src="unit/Util-test.js"></script>
<!-- shapes -->

10
test/runner.js
View File

@@ -4,7 +4,7 @@ var assert = chai.assert,
Kinetic.enableTrace = true;
function buildStage() {
function addStage() {
var container = document.createElement('div'),
stage = new Kinetic.Stage({
container: container,
@@ -17,6 +17,14 @@ function buildStage() {
return stage;
}
function addContainer() {
var container = document.createElement('div');
kineticContainer.appendChild(container);
return container;
}
function showHit(layer) {
var canvas = layer.hitCanvas._canvas;
canvas.style.position = 'relative';

1500
tests/js/unit/nodeTests.js → test/unit/Node-test.js
View File

File diff suppressed because it is too large Load Diff

4
test/unit/plugins/Label-test.js
View File

@@ -1,7 +1,7 @@
suite('Label', function() {
// ======================================================
test('add label', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var label = new Kinetic.Label({
@@ -69,7 +69,7 @@ suite('Label', function() {
// ======================================================
test('create label from json', function() {
var stage = buildStage();
var stage = addStage();
var json = '{"attrs":{"x":100,"y":100,"draggable":true},"className":"Label","children":[{"attrs":{"fill":"#bbb","stroke":"#333","shadowColor":"black","shadowBlur":10,"shadowOffsetX":10,"shadowOffsetY":10,"shadowOpacity":0.2,"lineJoin":"round","pointerDirection":"up","pointerWidth":20,"pointerHeight":20,"cornerRadius":5,"x":-151.5,"y":20,"width":303,"height":60},"className":"Tag"},{"attrs":{"text":"Hello big world","fontSize":50,"lineHeight":1.2,"fill":"green","width":"auto","height":"auto","x":-151.5,"y":20},"className":"Text"}]}';
var layer = new Kinetic.Layer();

34
test/unit/plugins/Path-test.js
View File

@@ -1,7 +1,7 @@
suite('Path', function() {
// ======================================================
test('add simple path', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
@@ -47,7 +47,7 @@ suite('Path', function() {
// ======================================================
test('add path with line cap and line join', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var path = new Kinetic.Path({
@@ -67,7 +67,7 @@ suite('Path', function() {
// ======================================================
test('moveTo with implied lineTos and trailing comma', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var path = new Kinetic.Path({
@@ -109,7 +109,7 @@ suite('Path', function() {
// ======================================================
test('add map path', function() {
var stage = buildStage();
var stage = addStage();
var mapLayer = new Kinetic.Layer();
for(var key in worldMap.shapes) {
@@ -146,7 +146,7 @@ suite('Path', function() {
// ======================================================
test('curved arrow path', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M12.582,9.551C3.251,16.237,0.921,29.021,7.08,38.564l-2.36,1.689l4.893,2.262l4.893,2.262l-0.568-5.36l-0.567-5.359l-2.365,1.694c-4.657-7.375-2.83-17.185,4.352-22.33c7.451-5.338,17.817-3.625,23.156,3.824c5.337,7.449,3.625,17.813-3.821,23.152l2.857,3.988c9.617-6.893,11.827-20.277,4.935-29.896C35.591,4.87,22.204,2.658,12.582,9.551z";
@@ -175,7 +175,7 @@ suite('Path', function() {
// ======================================================
test('Quadradic Curve test from SVG w3c spec', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M200,300 Q400,50 600,300 T1000,300";
@@ -235,7 +235,7 @@ suite('Path', function() {
// ======================================================
test('Cubic Bezier Curve test from SVG w3c spec using setData', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M100,200 C100,100 250,100 250,200 S400,300 400,200";
@@ -304,7 +304,7 @@ suite('Path', function() {
// ======================================================
test('path arc', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M100,350 l 50,-25 a25,25 -30 0,1 50,-25 l 50,-25 a25,50 -30 0,1 50,-25 l 50,-25 a25,75 -30 0,1 50,-25 l 50,-25 a25,100 -30 0,1 50,-25 l 50,-25";
@@ -333,7 +333,7 @@ suite('Path', function() {
// ======================================================
test('Tiger (RAWR!)', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
@@ -352,7 +352,7 @@ suite('Path', function() {
// ======================================================
test('Able to determine point on line some distance from another point on line', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M10,10 210,160";
@@ -391,7 +391,7 @@ suite('Path', function() {
// ======================================================
test('Able to determine points on Cubic Bezier Curve', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M100,200 C100,100 250,100 250,200 S400,300 400,200";
@@ -428,7 +428,7 @@ suite('Path', function() {
// ======================================================
test('Able to determine points on Quadratic Curve', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M200,300 Q400,50 600,300 T1000,300";
@@ -465,7 +465,7 @@ suite('Path', function() {
// ======================================================
test('Able to determine points on Elliptical Arc with clockwise stroke', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M 50,100 A 100 50 0 1 1 150 150";
@@ -521,7 +521,7 @@ suite('Path', function() {
// ======================================================
test('Able to determine points on Elliptical Arc with counter-clockwise stroke', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M 250,100 A 100 50 0 1 0 150 150";
@@ -577,7 +577,7 @@ suite('Path', function() {
// ======================================================
test('Able to determine points on Elliptical Arc when rotated', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var c = "M 250,100 A 100 50 30 1 0 150 150";
@@ -710,7 +710,7 @@ suite('Path', function() {
// ======================================================
test('Borneo Map (has scientific notation: -10e-4)', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var borneo = new Kinetic.Path({
@@ -726,7 +726,7 @@ suite('Path', function() {
// https://github.com/ericdrowell/KineticJS/issues/567
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var path = new Kinetic.Path({

8
test/unit/plugins/RegularPolygon-test.js
View File

@@ -1,7 +1,7 @@
suite('RegularPolygon', function() {
// ======================================================
test('add regular polygon triangle', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
@@ -29,7 +29,7 @@ suite('RegularPolygon', function() {
// ======================================================
test('add regular polygon square', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var poly = new Kinetic.RegularPolygon({
@@ -49,7 +49,7 @@ suite('RegularPolygon', function() {
// ======================================================
test('add regular polygon pentagon', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var poly = new Kinetic.RegularPolygon({
@@ -69,7 +69,7 @@ suite('RegularPolygon', function() {
// ======================================================
test('add regular polygon octogon', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var poly = new Kinetic.RegularPolygon({

4
test/unit/plugins/Star-test.js
View File

@@ -1,7 +1,7 @@
suite('Star', function() {
// ======================================================
test('add five point star', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
@@ -33,7 +33,7 @@ suite('Star', function() {
// ======================================================
test('add star with line join and shadow', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({

6
test/unit/shapes/Blob-test.js
View File

@@ -1,7 +1,7 @@
suite('Blob', function(){
// ======================================================
test('add blob', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var blob = new Kinetic.Blob({
@@ -44,7 +44,7 @@ suite('Blob', function(){
// ======================================================
test('define tension first', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
@@ -79,7 +79,7 @@ suite('Blob', function(){
// ======================================================
test('check for kinetic event handlers', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var blob = new Kinetic.Blob({

12
test/unit/shapes/Circle-test.js
View File

@@ -2,7 +2,7 @@ suite('Circle', function(){
// ======================================================
test('add circle to stage', function(){
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
@@ -45,7 +45,7 @@ suite('Circle', function(){
test('add circle with pattern fill', function(done) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
@@ -88,7 +88,7 @@ suite('Circle', function(){
// ======================================================
test('add circle with radial gradient fill', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
@@ -124,7 +124,7 @@ suite('Circle', function(){
// ======================================================
test('add shape with linear gradient fill', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
@@ -150,7 +150,7 @@ suite('Circle', function(){
// ======================================================
test('set opacity after instantiation', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Circle({
@@ -173,7 +173,7 @@ suite('Circle', function(){
// ======================================================
test('set fill after instantiation', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: stage.getWidth() / 2,

2
test/unit/shapes/Ellipse-test.js
View File

@@ -2,7 +2,7 @@ suite('Ellipse', function(){
// ======================================================
test('add ellipse', function(){
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var ellipse = new Kinetic.Ellipse({
x: stage.getWidth() / 2,

10
test/unit/shapes/Image-test.js
View File

@@ -4,7 +4,7 @@ suite('Image', function(){
test('add image', function(done) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
@@ -129,7 +129,7 @@ suite('Image', function(){
test('crop and scale image', function(done) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 200,
@@ -194,7 +194,7 @@ suite('Image', function(){
test.skip('create image hit region', function(done) {
var imageObj = new Image();
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
imageObj.onload = function() {
@@ -234,7 +234,7 @@ suite('Image', function(){
test('image with svg source', function(done) {
var imageObj = new Image();
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
imageObj.onload = function() {
@@ -259,7 +259,7 @@ suite('Image', function(){
test('opacity test for image with svg source', function(done) {
var imageObj = new Image();
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
layer.add(new Kinetic.Line({

6
test/unit/shapes/Line-test.js
View File

@@ -1,7 +1,7 @@
suite('Line', function() {
// ======================================================
test('add line', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var points = [{
@@ -47,7 +47,7 @@ suite('Line', function() {
// ======================================================
test('test default ponts array for two lines', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var line = new Kinetic.Line({
@@ -80,7 +80,7 @@ suite('Line', function() {
// ======================================================
test('add dashed line', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
/*

2
test/unit/shapes/Polygon-test.js
View File

@@ -1,6 +1,6 @@
suite('Polygon', function() {
test('add polygon', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();

14
test/unit/shapes/Rect-test.js
View File

@@ -2,7 +2,7 @@ suite('Rect', function(){
// ======================================================
test('add rect to stage', function(){
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
@@ -29,7 +29,7 @@ suite('Rect', function(){
// ======================================================
test('add rect with shadow, rotation, corner radius, and opacity', function(){
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
@@ -69,7 +69,7 @@ suite('Rect', function(){
// ======================================================
test('draw rect', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 200,
@@ -95,7 +95,7 @@ suite('Rect', function(){
// ======================================================
test('add fill stroke rect', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 200,
@@ -113,7 +113,7 @@ suite('Rect', function(){
// ======================================================
test('add stroke rect', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 200,
@@ -130,7 +130,7 @@ suite('Rect', function(){
// ======================================================
test('use default stroke (stroke color should be black)', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 200,
@@ -146,7 +146,7 @@ suite('Rect', function(){
// ======================================================
test('use default stroke width (stroke width should be 2)', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
x: 200,

12
test/unit/shapes/Spline-test.js
View File

@@ -1,7 +1,7 @@
suite('Spline', function() {
// ======================================================
test('add spline', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var line1 = new Kinetic.Spline({
@@ -78,7 +78,7 @@ suite('Spline', function() {
// ======================================================
test('update spline points', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var spline = new Kinetic.Spline({
@@ -129,7 +129,7 @@ suite('Spline', function() {
// ======================================================
test('add point to spline points', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var spline = new Kinetic.Spline({
@@ -172,7 +172,7 @@ suite('Spline', function() {
// ======================================================
test('create from points represented as a flat array', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var line = new Kinetic.Spline({
@@ -198,7 +198,7 @@ suite('Spline', function() {
// ======================================================
test('create from points represented as an array of objects', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var line = new Kinetic.Spline({
@@ -231,7 +231,7 @@ suite('Spline', function() {
// ======================================================
test('create from points represented as an array of arrays', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var line = new Kinetic.Spline({

2
test/unit/shapes/Sprite-test.js
View File

@@ -3,7 +3,7 @@ suite('Sprite', function() {
test('add sprite', function(done) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var anims = {

10
test/unit/shapes/Text-test.js
View File

@@ -1,7 +1,7 @@
suite('Text', function(){
// ======================================================
test('add text with shadows', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
@@ -57,7 +57,7 @@ suite('Text', function(){
// ======================================================
test('text getters and setters', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var text = new Kinetic.Text({
@@ -153,7 +153,7 @@ suite('Text', function(){
// ======================================================
test('text multi line', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var rect = new Kinetic.Rect({
@@ -207,7 +207,7 @@ suite('Text', function(){
// ======================================================
test('text multi line with shadows', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var text = new Kinetic.Text({
@@ -242,7 +242,7 @@ suite('Text', function(){
// ======================================================
test('change font size should update text data', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var text = new Kinetic.Text({

4
test/unit/shapes/Wedge-test.js
View File

@@ -1,7 +1,7 @@
suite('Wedge', function() {
// ======================================================
test('add wedge', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var wedge = new Kinetic.Wedge({
x: 100,
@@ -27,7 +27,7 @@ suite('Wedge', function() {
// ======================================================
test('set wedge angle using degrees', function() {
var stage = buildStage();
var stage = addStage();
var layer = new Kinetic.Layer();
var wedge = new Kinetic.Wedge({
x: 100,