Implement stage5

Kuniwak · Kuniwak · commit 5244fc24292a · 2015-03-16T18:59:54.000+09:00
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
   "devDependencies": {
     "body-parser": "^1.12.0",
     "chai": "^2.1.1",
+    "chai-as-promised": "^4.3.0",
     "express": "^4.12.2",
     "gulp": "^3.8.11",
     "gulp-eslint": "^0.6.0",
@@ -35,6 +36,7 @@
   "dependencies": {
     "bootstrap": "^3.3.2",
     "chai-jquery": "^2.0.0",
-    "jquery": "^2.1.3"
+    "jquery": "^2.1.3",
+    "whatwg-fetch": "^0.7.0"
   }
 }
diff --git a/test/stage5/.eslintrc b/test/stage5/.eslintrc
@@ -0,0 +1,13 @@
+{
+  "env": {
+    "browser": true,
+    "mocha": true
+  },
+  "globals": {
+    "$": false,
+    "jQuery": false,
+    "fetch": false,
+    "Promise": false,
+    "HTMLCollection": false
+  }
+}
diff --git a/test/stage5/index.html b/test/stage5/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>mixi JS Training</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="http://img.mixi.net/img/basic/favicon.ico" type="image/vnd.microsoft.icon" rel="icon">
+  <link href="http://img.mixi.net/img/basic/favicon.ico" type="image/vnd.microsoft.icon" rel="shortcut icon">
+  <link rel="stylesheet" href="/modules/mocha/mocha.css">
+  <link rel="stylesheet" href="../common/mocha-patch.css">
+</head>
+<body>
+  <div id="mocha"></div>
+  <script src="/modules/jquery/dist/jquery.js"></script>
+  <script src="/modules/mocha/mocha.js"></script>
+  <script src="/modules/chai/chai.js"></script>
+  <script src="/modules/chai-jquery/chai-jquery.js"></script>
+  <script src="/modules/chai-as-promised/lib/chai-as-promised.js"></script>
+  <script src="/modules/whatwg-fetch/fetch.js"></script>
+  <script>
+    mocha.ui('bdd');
+    mocha.reporter('html');
+    expect = chai.expect;
+  </script>
+  <script>mocha.setup('bdd')</script>
+  <script src="tests.js"></script>
+  <script>
+    if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
+    else { mocha.run(); }
+  </script>
+</body>
+</html>
diff --git a/test/stage5/tests.js b/test/stage5/tests.js
@@ -0,0 +1,62 @@
+'use strict';
+
+describe('ステージ5（意図通りに非同期処理を利用できる）', function() {
+  describe('通信編', function() {
+    it('Github の mixi-inc の organization の情報を取得できる', function() {
+      var mixiOrg;
+
+      // チュートリアル
+      //
+      // ここに下記のコードを記述してください。
+      //
+      // mixiOrg = fetch('https://api.github.com/orgs/mixi-inc').
+      //   then(function(response) {
+      //     return response.json();
+      //   });
+
+
+      return expect(mixiOrg).to.eventually.have.property('id', 1089312);
+
+      // Github API に関する参考情報
+      // https://developer.github.com/v3/repos/
+    });
+
+
+    it('Github API を使って、mixi-inc/JavaScriptTraining の情報を取得できる', function(){
+      var repositry = 'mixi-inc/JavaScriptTraining';
+      var mixiRepo;
+
+      // コードをここに記述してください。
+
+
+      return expect(mixiRepo).to.eventually.have.property(
+        'full_name', repositry);
+    });
+
+
+    it('Github API を使って、VimL、Emacs Lisp でスターが最も多いプロダクト名を' +
+       'それぞれ 1 つずつ取得できる', function(){
+      var languages = [ 'VimL', '"Emacs Lisp"' ];
+      var mostPopularRepos;
+
+      // コードをここに記述してください。
+      // なお、 mostPopularRepos は Promise インスタンスであることを
+      // 意図しています。
+
+
+      return expect(mostPopularRepos).to.eventually.have.length(2);
+
+      // fetch API に関する参考情報
+      // https://github.com/github/fetch
+      //
+      // Github API に関する参考情報
+      // https://developer.github.com/v3/search/
+      //
+      // Promise に関する参考情報
+      // https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise
+      //
+      // Promise 参考情報（重量級）
+      // http://azu.github.io/promises-book/
+    });
+  });
+});
