diff --git a/public/docs/_examples/testing/ts/liteserver-test-config.json b/public/docs/_examples/testing/ts/liteserver-test-config.json
new file mode 100644
index 0000000000..6b1a2b5466
--- /dev/null
+++ b/public/docs/_examples/testing/ts/liteserver-test-config.json
@@ -0,0 +1,3 @@
+{
+ "startPath": "unit-tests.html"
+}
\ No newline at end of file
diff --git a/public/docs/ts/latest/testing/first-app-tests.jade b/public/docs/ts/latest/testing/first-app-tests.jade
index 3df9bf04bb..9e9e175522 100644
--- a/public/docs/ts/latest/testing/first-app-tests.jade
+++ b/public/docs/ts/latest/testing/first-app-tests.jade
@@ -15,7 +15,7 @@ include ../_util-fns
We're also assuming that you're already comfortable with basic Angular 2 concepts and the tools
we introduced in the [QuickStart](../quickstart.html) and
the [Tour of Heroes](../tutorial/) tutorial
- such as npm
, gulp
, and live-server
.
+ such as npm
, gulp
, and lite-server
.
.l-main-section
:marked
@@ -41,16 +41,26 @@ pre.prettyprint.lang-bash
.alert.is-important Be sure to install jasmine-core
, not jasmine
!
+.l-main-section
+:marked
+ ## Configure `lite-server` for serving our test harness
+
+:marked
+ First create a configuration file for serving up our test harness through `lite-server`.
+
++makeExample('testing/ts/liteserver-test-config.json', '', 'liteserver-test-config.json')
+
:marked
Let's make one more change to the `package.json` script commands.
- **Open the `package.json` ** and scroll to the `scripts` node and add in a new one:
+ **Open the `package.json` ** and scroll to the `scripts` node and add the following two entries:
code-example(format="").
- "test": "live-server --open=unit-tests.html"
+ "lite-server-test": "lite-server --config=liteserver-test-config.json",
+ "test": "tsc && concurrently \"npm run tsc:w\" \"npm run lite-server-test\" "
:marked
- That command will launch `live-server` and open a browser to the `unit-tests.html` page we just wrote.
+ The `npm test` command will launch `lite-server` and open a browser to the `unit-tests.html` page we just wrote. It will also take care of recompiling your source code and reloading your browser after any change.
.l-main-section
:marked
@@ -127,7 +137,7 @@ code-example(format="").
:marked
### Run and Fail
- Look over at the browser (live-server will have reloaded it). The browser displays
+ Look over at the browser (lite-server will have reloaded it). The browser displays
figure.image-display
img(src='/resources/images/devguide/first-app-tests/Jasmine-not-running-tests.png' style="width:400px;" alt="Jasmine not running any tests")
diff --git a/public/docs/ts/latest/testing/jasmine-testing-101.jade b/public/docs/ts/latest/testing/jasmine-testing-101.jade
index fbf0c47697..082d2d0883 100644
--- a/public/docs/ts/latest/testing/jasmine-testing-101.jade
+++ b/public/docs/ts/latest/testing/jasmine-testing-101.jade
@@ -113,7 +113,7 @@ pre.prettyprint.lang-bash
We’ll be evolving these tests rapidly and it would be nice to have the browser refresh automatically as we make changes and recompile.
- Let’s launch with **live-server** in a second terminal window:
+ Let’s launch with **lite-server** in a second terminal window:
pre.prettyprint.lang-bash
code npm start
diff --git a/public/docs/ts/latest/testing/testing-an-angular-pipe.jade b/public/docs/ts/latest/testing/testing-an-angular-pipe.jade
index fbbe2f13e5..e511b39cab 100644
--- a/public/docs/ts/latest/testing/testing-an-angular-pipe.jade
+++ b/public/docs/ts/latest/testing/testing-an-angular-pipe.jade
@@ -48,7 +48,7 @@ include ../_util-fns
We're also assuming that you're already comfortable with basic Angular 2 concepts and the tools
we introduced in the [QuickStart](../quickstart.html) and
the [Tour of Heroes](../tutorial/) tutorial
- such as npm
, gulp
, and live-server
.
+ such as npm
, gulp
, and lite-server
.
:marked
## Add another spec file