docs(testing): refer to 'lite-server' instead of 'live-server'.

closes #1737
Since the QuickStart uses 'lite-server', this should also be used for
the testing guide.
This commit is contained in:
Chris Grieger 2016-06-23 09:41:39 +02:00 committed by Ward Bell
parent cc689ce980
commit 08d051d2f6
4 changed files with 20 additions and 7 deletions

View File

@ -0,0 +1,3 @@
{
"startPath": "unit-tests.html"
}

View File

@ -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're also assuming that you're already comfortable with basic Angular 2 concepts and the tools
we introduced in the [QuickStart](../quickstart.html) and we introduced in the [QuickStart](../quickstart.html) and
the [Tour of Heroes](../tutorial/) tutorial the [Tour of Heroes](../tutorial/) tutorial
such as <code>npm</code>, <code>gulp</code>, and <code>live-server</code>. such as <code>npm</code>, <code>gulp</code>, and <code>lite-server</code>.
.l-main-section .l-main-section
:marked :marked
@ -41,16 +41,26 @@ pre.prettyprint.lang-bash
.alert.is-important Be sure to install <code>jasmine-core</code> , not <code>jasmine</code>! .alert.is-important Be sure to install <code>jasmine-core</code> , not <code>jasmine</code>!
.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 :marked
Let's make one more change to the `package.json` script commands. 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=""). 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 :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 .l-main-section
:marked :marked
@ -127,7 +137,7 @@ code-example(format="").
:marked :marked
### Run and Fail ### 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 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") img(src='/resources/images/devguide/first-app-tests/Jasmine-not-running-tests.png' style="width:400px;" alt="Jasmine not running any tests")

View File

@ -113,7 +113,7 @@ pre.prettyprint.lang-bash
Well be evolving these tests rapidly and it would be nice to have the browser refresh automatically as we make changes and recompile. Well be evolving these tests rapidly and it would be nice to have the browser refresh automatically as we make changes and recompile.
Lets launch with **live-server** in a second terminal window: Lets launch with **lite-server** in a second terminal window:
pre.prettyprint.lang-bash pre.prettyprint.lang-bash
code npm start code npm start

View File

@ -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're also assuming that you're already comfortable with basic Angular 2 concepts and the tools
we introduced in the [QuickStart](../quickstart.html) and we introduced in the [QuickStart](../quickstart.html) and
the [Tour of Heroes](../tutorial/) tutorial the [Tour of Heroes](../tutorial/) tutorial
such as <code>npm</code>, <code>gulp</code>, and <code>live-server</code>. such as <code>npm</code>, <code>gulp</code>, and <code>lite-server</code>.
:marked :marked
## Add another spec file ## Add another spec file