test: add multi-renderTyoe test, fix #55

Author: 06wj

test/expectScreenshot/Bitmap-alpha.png

@@ -34,8 +34,8 @@
     <script>
     _macaca_uitest.setup({
       ui: 'bdd',
-      timeout: 5000,
-      slow: 2000
+      timeout: 10000,
+      slow: 5000
     });
     </script>
     <script src="../core.js"></script>

test/expectScreenshot/Bitmap-transform-alpha.png

@@ -1,10 +1,12 @@
-describe('view', function() {
+['canvas', 'webgl', 'dom'].forEach(function(stageRenderType){
+
+describe('view:' + stageRenderType, function() {
     var stage, ticker;
     var stageElem = document.getElementById('stage');
     beforeEach('init stage', function() {
         stage = new Hilo.Stage({
             container:stageElem,
-            renderType:'canvas',
+            renderType:stageRenderType,
             width:550,
             height:400
         });
@@ -43,16 +45,27 @@ describe('view', function() {
             utils.diffWithScreenshot('Bitmap-new', done);
         });
 
-        it('transform & alpha', function(done){
+        it('transform', function(done){
             bmp.x = stage.width * .5;
             bmp.y = stage.height * .5;
             bmp.pivotX = bmp.width * .4;
             bmp.pivotY = bmp.height * .6;
             bmp.scaleX = 0.5;
             bmp.scaleY = -2;
             bmp.rotation = 30;
+            if(stageRenderType === 'dom'){
+                utils.diffWithScreenshot('Bitmap-transform-dom', done);
+            }
+            else{
+                utils.diffWithScreenshot('Bitmap-transform', done);
+            }
+        });
+
+        it('alpha', function(done){
+            bmp.x = stage.width * .5;
+            bmp.y = stage.height * .5;
             bmp.alpha = 0.5;
-            utils.diffWithScreenshot('Bitmap-transform-alpha', done);
+            utils.diffWithScreenshot('Bitmap-alpha', done);
         });
 
         it('setImage', function(done){
@@ -427,34 +440,36 @@ describe('view', function() {
         });
 
         it('resize', function(){
-            stage.canvas.width.should.equal(550);
-            stage.canvas.height.should.equal(400);
-            stage.canvas.style.width.should.equal('550px');
-            stage.canvas.style.height.should.equal('400px');
-            stage.viewport.should.eql({left:0, top:0, width:550, height:400});
-
-            stage.resize(400, 300);
-            stage.canvas.width.should.equal(400);
-            stage.canvas.height.should.equal(300);
-            stage.canvas.style.width.should.equal('400px');
-            stage.canvas.style.height.should.equal('300px');
-            stage.viewport.should.eql({left:0, top:0, width:400, height:300});
-
-            stage.scaleX = 0.5;
-            stage.scaleY = 2;
-            stage.tick(0);
-            stage.canvas.width.should.equal(400);
-            stage.canvas.height.should.equal(300);
-            stage.canvas.style.width.should.equal('200px');
-            stage.canvas.style.height.should.equal('600px');
-            stage.viewport.should.eql({left:0, top:0, width:200, height:600});
-
-            stage.resize(300, 200);
-            stage.canvas.width.should.equal(300);
-            stage.canvas.height.should.equal(200);
-            stage.canvas.style.width.should.equal('150px');
-            stage.canvas.style.height.should.equal('400px');
-            stage.viewport.should.eql({left:0, top:0, width:150, height:400});
+            if(stageRenderType !== 'dom'){
+                stage.canvas.width.should.equal(550);
+                stage.canvas.height.should.equal(400);
+                stage.canvas.style.width.should.equal('550px');
+                stage.canvas.style.height.should.equal('400px');
+                stage.viewport.should.eql({left:0, top:0, width:550, height:400});
+
+                stage.resize(400, 300);
+                stage.canvas.width.should.equal(400);
+                stage.canvas.height.should.equal(300);
+                stage.canvas.style.width.should.equal('400px');
+                stage.canvas.style.height.should.equal('300px');
+                stage.viewport.should.eql({left:0, top:0, width:400, height:300});
+
+                stage.scaleX = 0.5;
+                stage.scaleY = 2;
+                stage.tick(0);
+                stage.canvas.width.should.equal(400);
+                stage.canvas.height.should.equal(300);
+                stage.canvas.style.width.should.equal('200px');
+                stage.canvas.style.height.should.equal('600px');
+                stage.viewport.should.eql({left:0, top:0, width:200, height:600});
+
+                stage.resize(300, 200);
+                stage.canvas.width.should.equal(300);
+                stage.canvas.height.should.equal(200);
+                stage.canvas.style.width.should.equal('150px');
+                stage.canvas.style.height.should.equal('400px');
+                stage.viewport.should.eql({left:0, top:0, width:150, height:400});
+            }
         });
 
         it('canvasRenderer', function(){
@@ -628,4 +643,6 @@ describe('view', function() {
 
         });
     });
+});
+
 });