update: --

Author: webVueBlog

README.md

@@ -230,6 +230,9 @@
 - [Vue 实现前进刷新，后退不刷新的效果](./企业级/实现前进刷新.js)
 - [Vue 页面权限控制和登陆验证](./企业级/页面权限控制和登陆验证.js)
 
+## React全家桶 🪣 (react文件夹 📁 下)
+
+- [第一个React Web应用程序](./react/Web应用程序.md)
 
 ## 常见问题及解答
 

react/Web应用程序.md

@@ -0,0 +1,22 @@
+## 第一个React Web应用程序
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

react/voting_app/.gitignore

@@ -0,0 +1,3 @@
+reports/
+tests_output/
+npm-debug.log.*

react/voting_app/.test.bats

@@ -0,0 +1,32 @@
+#!/usr/bin/env bats
+DIR=$(dirname $BATS_TEST_FILENAME)
+
+load "${BOOK_ROOT}/scripts/bats/fullstack.bats"
+load "${BOOK_ROOT}/scripts/bats-support/load.bash"
+load "${BOOK_ROOT}/scripts/bats-assert/load.bash"
+
+@test "voting_app e2e passses" {
+  cd $DIR
+  run_npm_cmd test $TEST_TMP_DIR || :
+  run cat ${TEST_TMP_DIR}/log.txt
+  assert_output --partial 'OK.'
+}
+
+setup() {
+  echo "travis_fold:start:bats_voting_app"
+  cd $DIR
+  TEST_TMP_DIR="$(mktemp -d -t fullstackXXX)"
+  kill_by_grep "concurrently" || :
+  kill_by_port 3000 || :
+  # ng serve 3>- &
+  true
+}
+
+teardown() {
+  cd $DIR
+  kill_by_grep "concurrently" || :
+  # temp_del "$TEST_TMP_DIR"
+  kill_by_port 3000 || :
+  echo "travis_fold:end:bats_voting_app"
+  true
+}

react/voting_app/README.md

@@ -0,0 +1,19 @@
+### Running the app
+
+1. Ensure you have `npm` installed.
+
+Follow the instructions for your platform [here](https://github.com/npm/npm).
+
+2. Install `http-server`
+
+````
+npm install
+````
+
+3. Boot the HTTP server
+
+````
+npm run server
+````
+
+The server is now running at [localhost:3000](localhost:3000)

react/voting_app/disable-browser-cache.js

@@ -0,0 +1,8 @@
+// More info: http://stackoverflow.com/a/2068407/862877
+
+module.exports = function(req, res, next) {
+  res.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");
+  res.setHeader("Pragma", "no-cache");
+  res.setHeader("Expires", "0");
+  next();
+}

react/voting_app/nightwatch.js

@@ -0,0 +1,39 @@
+const seleniumServer = require("selenium-server");
+const chromedriver = require("chromedriver");
+
+module.exports = {
+  src_folders: ["tests/e2e"],
+  custom_commands_path: "",
+  custom_assertions_path: "",
+  page_objects_path: "",
+  globals_path: "",
+
+  selenium: {
+    start_process: true,
+    server_path: seleniumServer.path,
+    log_path: "",
+    host: "127.0.0.1",
+    port: 4444,
+    cli_args: {
+      "webdriver.chrome.driver": chromedriver.path
+    }
+  },
+
+  test_settings: {
+    default: {
+      launch_url: "http://localhost",
+      selenium_port: 4444,
+      selenium_host: "localhost",
+      silent: true,
+      screenshots: {
+        enabled: false,
+        path: ""
+      },
+      desiredCapabilities: {
+        browserName: "chrome",
+        javascriptEnabled: true,
+        acceptSslCerts: true
+      }
+    }
+  }
+};