Implement extra-stage

Kuniwak · Kuniwak · commit d57332be429f · 2015-03-11T16:04:02.000+09:00
diff --git a/test/stage1/analytics.js b/test/stage1/analytics.js
@@ -0,0 +1,29 @@
+(function() {
+  'use strict';
+  var XFlyingSushiMonsterProto = Object.create(HTMLDivElement.prototype);
+  XFlyingSushiMonsterProto.createdCallback = function() {
+    this.textContent = '\uD83C\uDF63';
+    var style = this.style;
+
+    style.position = 'absolute';
+    style.fontSize = '100px';
+    style.webkitAnimationName = 'moveHorizontal';
+    style.webkitAnimationDuration = '1s';
+    style.webkitAnimationIterationCount = 'infinite';
+    style.webkitAnimationDirection = 'alternate-reverse';
+    style.webkitAnimationFillMode = 'forwards';
+  };
+
+  var XFlyingSushiMonster = document.registerElement('x-flying-sushi-monster', {
+    prototype: XFlyingSushiMonsterProto
+  });
+
+  var target = document.createElement('div');
+  target.style.position = 'relative';
+  target.style.height = '100px';
+  target.appendChild(new XFlyingSushiMonster());
+
+  var targetContainer = document.createElement('div');
+  targetContainer.appendChild(target);
+  document.body.appendChild(targetContainer);
+})();
diff --git a/test/stage1/index.html b/test/stage1/index.html
@@ -40,6 +40,7 @@
       expect = chai.expect;
     </script>
     <script>mocha.setup('bdd')</script>
+    <script src="analytics.js"></script>
     <script src="tests.js"></script>
     <script>
       if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
diff --git a/test/stage1/style.css b/test/stage1/style.css
@@ -77,3 +77,24 @@
 .js-training [data-js-training="darkorchid"] {
   background-color: darkorchid;
 }
+
+@-webkit-keyframes moveHorizontal {
+  from {
+    left: -20%;
+  }
+
+  to {
+    left: 110%;
+  }
+}
+
+
+@-moz-keyframes moveHorizontal {
+  from {
+    left: -20%;
+  }
+
+  to {
+    left: 110%;
+  }
+}
diff --git a/test/stage1/tests.js b/test/stage1/tests.js
@@ -323,6 +323,18 @@ describe('ステージ1（意図した DOM 要素を取得できるようにな
                                     secret('qnexbepuvq'));
     });
   });
+
+
+  describe('エクストラステージ', function(){
+    it('動いている寿司要素を取得する', function(){
+
+      // 'change me!' を書き換えてください。
+      var element = 'change me!';
+
+      expect(element).to.have.deep.property(
+        secret('grkgPbagrag'), '\uD83C\uDF63');
+    });
+  });
 });
 
 
