タグ

JavaScriptとQUnitに関するatm_09_tdのブックマーク (7)

  • 実践TDD! テスト駆動開発入門

    こんにちは、斉藤です。 前回のブログをさぼっていたので、あっというまに次のブログの日が来てしまいました。 最近、テスト駆動開発入門(ケントベック著)というを読んでみて、これは!と思ったので、この開発方法の実践をしてみたいと思います。 今回はQUnitというJavaScriptのユニットテストフレームワークを使った方法でのご紹介です。 http://qunitjs.com/ * テスト駆動開発(TDD)とは? ユニットテストを常に書きながら、プログラムを開発していくスタイルのことです。 ユニットテストを先に書くので、プログラムはそれが通るように開発することが求められます。 具体的な開発のサイクル: 1. テストを作成する(表現したいことを確認するテストを作る。) 2. テストをパスする(1で作ったテストをパスする実装を行う。仮実装でも構わない。) 3. リファクタリングを行う(テストを増や

    実践TDD! テスト駆動開発入門
  • QUnit+PhantomJSでJavaScriptのヘッドレスなテスト

    QUnitPhantomJSでJavaScriptのヘッドレスなテスト:フレームワークで実践! JavaScriptテスト入門(3)(1/3 ページ) しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、xUnit系のテストフレームワークとして人気のQUnitの概要や使い方、PhantomJSと組み合わせたテスト方法を紹介 ヘッドレスなJavaScriptテスト 前回の「PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト」では、PhantomJS+Jasmineという組み合わせでJavaScriptテストをヘッドレスで実行する方法を紹介しました。今回は「QUnit」というJavaScriptテストフレームワークでヘッドレスなテスト環境を構築

    QUnit+PhantomJSでJavaScriptのヘッドレスなテスト
  • QUnitでJavaScriptのUnitTest - Tbpgr Blog

    概要 JavaScriptのテストフレームワークであるQUnitの導入について説明します。 インストール GitHubからソースコードを取得します https://github.com/jquery/qunitにアクセス ZIPボタンを押下して、ソースコードの圧縮ファイルを取得する 取得したjquery-qunit-v1.2.0-4-g0712230.zip(2012/02/01現在)を任意の場所に解凍する 解凍したjquery-qunit-0712230をテスト対象を参照できる任意の位置に配置すれば準備完了です。 解凍後フォルダ構成 addons = 拡張機能 qunit = QUnitのテスト体 ┣qunit.css ┗qunit.js test = テストサンプル ┣headless.html ┣index.htmllogs.htmllogs.js ┣same.js ┣sw

    QUnitでJavaScriptのUnitTest - Tbpgr Blog
  • jQueryテストスイート「QUnit」がスタンドアロン化! 使い方を早速チェック

    jQueryでユニットテストをおこなう - QUnitとは 高機能・軽量のJavaScriptフレームワークで、デベロッパにも人気の高いjQuery。そのjQueryをベースとしたテストスイートに「QUnit」がある。 QUnitはJohn Resig氏とJorn Zaefferer氏が中心となって開発をおこなっているユニットテスティングフレームワーク。デベロッパはQUnitを使うことで、jQueryを使ったJavaScriptコードを書くように、簡単にテストを記述できるようになる。同ライブラリはjQueryと同じく、The MIT LicenseとGNU GENERAL PUBLIC LICENSE Version 2のもとで公開されている。 去る9月29日(米国時間)、開発者であるJohn Resig氏はTwitter上で次の3点をアナウンスした。 QUnitはjQueryに依存した実

  • QUnitによる単体テスト - へっぽこプログラマの僻地

    QUnitを使うことで、比較的簡単に、かつグラフィカルに気持ちよく、 Javascriptの単体テストを行うことができる様子。 しばらくJavascriptとお友達にならないといけないので、 メモ書きがてら使い方をメモしておこう。 ※まだ細かい仕様は調べてないので、サンプルに載ってたのプラスアルファのメモ 1.まずは下記のリンクからQUnitをダウンロードする。(外部リンク@github) ダウンロード 2.QUnitを実行するためのHTMLを作成する。 <!DOCTYPE HTML> <html> <head> <!-- jQuery読み込み --> <meta charset="utf-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.mi

    QUnitによる単体テスト - へっぽこプログラマの僻地
  • QUnitの基本的な使い方 - but hopeful

    [追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un

    QUnitの基本的な使い方 - but hopeful
  • QUnit-TAP : JavaScript のテスティングフレームワークQUnitからTAP出力する - t-wada の日記(旧)

    JavaScript のテスティングフレームワーク QUnit から TAP 出力するための仕組みを作成し、さらに CommonJS 環境下でも動くようにしてみましたので、 github で公開します。ライセンスは QUnit に合わせて MIT と GPLv2 のデュアルライセンスです。 http://github.com/twada/qunit-tap これは何? 平たく言うと、主に画面非依存の JavaScript コードやサーバサイドで動かす JavaScript コードに対してコマンドラインからユニットテストを行うための仕組みです。 js のユニットテストというとブラウザ上で動かすものが一般的ですが、 DOM に依存しないロジックや抽象的なモジュールのテストはできればコマンドライン上で高速に実行させ、即座にフィードバックを得たいものです。 (更新) ヘッドレスブラウザ Phant

    QUnit-TAP : JavaScript のテスティングフレームワークQUnitからTAP出力する - t-wada の日記(旧)
  • 1