stage4 clear

tdkn · tdkn · commit f8481cc62c02 · 2015-06-15T15:06:41.000+09:00
diff --git a/public/stage4/tests.js b/public/stage4/tests.js
@@ -23,6 +23,10 @@ describe('ステージ4（意図通りにイベントを利用できる）', fun
       // });
       //
       // ここに上記のどちらかのコードを記述してください。
+      $('#firebrick').on('click', function(event) {
+        var $target = $(event.target);
+        $target.text(Number($target.text()) + 1);
+      });
 
 
       var firebrick = document.getElementById('firebrick');
@@ -37,6 +41,10 @@ describe('ステージ4（意図通りにイベントを利用できる）', fun
     it('2 番の要素の click イベントで要素内の数字を 1 ずつ小さくできる', function() {
 
       // ここにコードを記述してください。
+      $('#chocolate').on('click', function(event) {
+        var $target = $(event.target);
+        $target.text(Number($target.text()) - 1);
+      });
 
 
       var chocolate = document.getElementById('chocolate');
@@ -51,6 +59,19 @@ describe('ステージ4（意図通りにイベントを利用できる）', fun
     it('3 番の要素の click イベントで要素を 10 度ずつ回転できる', function() {
 
       // ここにコードを記述してください。
+      $('.mediumseagreen').on('click', function(event) {
+        var $target = $(event.target);
+        var deg = 0;
+
+        if (undefined === $target.attr('rotate-deg')) {
+          deg = 10;
+        } else {
+          deg = Number($target.attr('rotate-deg')) + 10;
+        }
+
+        $target.attr('rotate-deg', deg);
+        $target.css({transform: 'rotate(' + deg + 'deg)'});
+      });
 
 
       var mediumseagreen = document.querySelector('.mediumseagreen');
@@ -67,6 +88,9 @@ describe('ステージ4（意図通りにイベントを利用できる）', fun
     it('4 番の要素を入力された角度に回転できる', function() {
 
       // ここにコードを記述してください。
+      $('.turquoise').on('change', function(event) {
+        $(this).css({transform: 'rotate(' + event.target.value + 'deg)'});
+      });
 
 
       var turquoise = document.querySelector('.turquoise');
@@ -93,9 +117,11 @@ describe('ステージ4（意図通りにイベントを利用できる）', fun
       // なお、expect(steelblue).to.be.null は上記のテストの要件を満たして
       // いないので、正解ではありません。
 
-      var steelblue = document.querySelector('.steelblue');
-      expect(steelblue).to.have.property('textContent', '5 \uD83D\uDC33');
-      done();
+      $(document).ready(function() {
+        var steelblue = document.querySelector('.steelblue');
+        expect(steelblue).to.have.property('textContent', '5 \uD83D\uDC33');
+        done();
+      });
     });
   });
 });
