jasmineを試してみた。

javascript html

JavaScript用のフレームワークで「Jasmine」を使ってみる機会があったので調べてみた。
公式サイトに行ってライブラリを落としてきてもいいし、npm installでもいいらしい。
今回はこちらにならってライブラリをダウンロードして使ってみた。

テストを記述する文法はRspecに似ていて、口語的にメソッドチェーンを組み立てていけるのでわかりやすい。 基本的には以下のような感じ。

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

        <script type="text/javascript" src="jasmine/lib/jasmine-2.8.0/jasmine.js"></script>
        <script type="text/javascript" src="jasmine/lib/jasmine-2.8.0/jasmine-html.js"></script>
        <script type="text/javascript" src="jasmine/lib/jasmine-2.8.0/boot.js"></script>
        <script>
            function add(a, b) {
                return a + b;
            }

            describe('add test', function () {
                it('Success', function () {
                    expect(add(1, 2)).toBe(3);
                });
                
                it('Fail', function () {
                    expect(add(3, 4)).toBe(5);
                });
            });
        </script>
    </head> 
    <body> 
    </body> 
</html>

上記参考サイトにもあるように、柔軟にテストを書けるので今後必要に応じで学習していこうと思う。