ポジローぽけっと

昨日より今日、今日より明日を信じて、トライトライ

PhpStormでjasmineを使ってJavaScriptの単体テストがしたかったら

javascript phpstorm

方法

  1. Languages & Frameworks > JavaScript > LibrariesでjasmineをDownloadする
    これで入力補完が効くようになる。
  2. jasmineのソースファイルをwebからとってきてProjectに配置する
    これは例えば以下を参考にすれば良い
    Jasmine使い方メモ - Qiita

プロジェクトのディレクトリ構成

テスト環境と本番環境は分けたいから、こんな感じ？

.
├── index.html
├── js
│   └── add.js
└── test
    ├── add-test.html
    ├── add-test.js
    └── lib
        └── jasmine-2.6.2
            ├── boot.js
            ├── console.js
            ├── jasmine-html.js
            ├── jasmine.css
            ├── jasmine.js
            └── jasmine_favicon.png

add-test.htmlはこんな感じ

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.6.2/jasmine_favicon.png">
    <link rel="stylesheet" type="text/css" href="lib/jasmine-2.6.2/jasmine.css">

    <script type="text/javascript" src="lib/jasmine-2.6.2/jasmine.js"></script>
    <script type="text/javascript" src="lib/jasmine-2.6.2/jasmine-html.js"></script>
    <script type="text/javascript" src="lib/jasmine-2.6.2/boot.js"></script>

    <script type="text/javascript" src="../js/add.js"></script>
    <script type="text/javascript" src="add-test.js"></script>
</head>
<body>
</body>
</html>

JavaScriptのテストはできるけど、、

開いたページの

  • 画面表示が正しくできている
  • ユーザ操作に対する応答動作が正しくできている

はどうやってテストしたらいいんだろう