96 CHAPTER 3 Getting started with JavaScript
FIGURE 3-8 he Manage NuGet Packages windowTClick the QUnit-Metro package; you should see an Install button. Click the Install button
to install QUnit-Metro in your project. After the package is installed, you should see a check
mark where the Install button was located. Click the Close button to close the Manage NuGet
Packages screen.
After the QUnit-Metro package has been added, you see a packages.config file that con-
tains a reference to your package. The js folder contains a new file, qunitmetro.js, which con-
tains the QUnit-Metro source code. The css folder contains new cascading style sheets, called
qunitmetro.css, qunitmetro-dark.css, and qunitmetro-light.css. You use the qunitmetro. css
to get the default presentation, but you can add either the qunitmetro-dark.css or the
qunitmetro-light.css file to your test page to make the QUnit-Metro screen look more like a
Windows 8 application.
Blank App already has a default.html page. Modify the default.html file to look like the fol-
lowing example, in which the inserted lines are in bold:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>App2</title><!-- WinJS references -->
<link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
<script src="//Microsoft.WinJS.1.0/js/base.js"></script>
<script src="//Microsoft.WinJS.1.0/js/ui.js"></script><!-- App2 references -->
<link href="/css/default.css" rel="stylesheet" />
<script src="/js/default.js"></script>