GitHub - jestjs/jest: Delightful JavaScript Testing.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Test Utilities – React
import ReactTestUtils from 'react-dom/test-utils'; // ES6 var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm Overview ReactTestUtils makes it easy to test React components in the testing framework of your choice. At Facebook we use Jest for painless JavaScript testing. Learn how to get started with Jest through the Jest website’s React Tutorial. Note: We recommend using React Te
Backbone.jsのテストの悩みとその解決 - lxyuma BLOG
経緯 Backbone.jsでTDD書く時に、 Model/CollectionはServerSideのようなイメージで書けるのだが、 Viewのテストがfrontend特有の事があり、結構、悩ましい。 ここでは、Backbone.Viewを中心に、 テストで悩ましい所をどう解決していくか、試行錯誤している所等書く。 ※どちらかというと、初めにどう書いて行くか？のTDD寄りの話。 ちなみに、環境は、 Backbone Marionette.js Test mocha chai sinon.js を使ってる。 概要 Backbone.Viewのテストの基本形 悩み１： javascript vs html 答え：DOM分離 悩み２：検証方法が素直に書けない 答え：テストダブル イベント サーバー通信 アニメ local変数 Backboneのテスト現実解 Viewのテストの基本形 初めに、V
Post by @niwaringo
CLIでJavaScriptのテストを実行する時にHTML fixtureを利用する方法。Karma + mocha + chai
jasmine-jqueryというかloadFixturesが便利
beforeEach内でDOMをちまちまやるのが面倒 なんですよ．例えばですが乱暴にゴチャゴチャと書くと... describe('Some test case....', function() { var testDiv, testList, attrTest, insertTest; beforeEach(function() { testDiv = document.createElement('div'); testDiv.innerHTML = '<a id="attrTest" data-test="hogehoge" target="_blank" href="#">test</a>'; document.body.appendChild(testDiv); testList = document.createElement('div'); testList.innerHTM
最近のjsテスト/ビルド環境 - lxyuma BLOG
最近のテスト環境 最近、ブログ書かないうちに、また、 自分のjs周りのテストやビルド環境が変わってきた。 具体的には、karmaとかgulpとかに変わった。 今日は、 その環境にしてどうだったか？とか、 設定ファイル(gulpfile)とか書いてみる。 去年と今年と 去年、勉強会等でyeomanとかgruntの話をしていて、このblogでもどこかに書いてた。 テストはmocha chaiが良いのかなーと思ってた。これもblog書いた。 所が、世の中どんどん変わっていく。 最近の環境 今はこんな感じ。 build tool gulp test jasmine2 sinon karma gulp vs Grunt gulpどうなんだろう？と思いながら色々試していくうちに、かなりしっくりきた。 stream baseで書き易いので、カスタマイズし易い。 gruntは、設定ファイルが何画面にも渡っ
QUnit 2.xで変わること
QUnit 2.xで変わること QUnit 2.xで変わること 現バージョン: QUnit 1.16.0 基本方針 2.0 では互換レイヤーを入れて互換性を維持 既存のメソッド名の変更もDeprecatedだが動く 2.1で互換レイヤーを破棄して完全に移行 詳しくは QUnit 2.x Upgrade Guide | QUnit を読む Try Own azu/qunit-examples 今回でてきたサンプルコード Avoid Global グローバルに合ったものがQunit.*に移動 // OLD Style module("module name"); test("old test", function (assert) { expect(1);// 1つのassertがあるという宣言 assert.ok(true); }); Avoid Global グローバルに合ったものがQun
JavaScriptでスパイ、スタブ、モックなどのテストダブルを行う
本連載は、テストコードをこれから書こうと考えているJavaScript技術者を対象に、テストコードの意義から、テスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなどテスト全般にわたって解説します。また、原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第4回目の本稿は、JavaScriptでのテストダブルの方法を、Sinon.jsというJavaScriptテストダブルモジュールを使って説明します。 対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 テストダブルとは テストコードを実行する際に、次のような課題に直面したことはないでしょうか。 Ajaxへのサーバへの問い合わせのような外部リソースも含めた処理のテストを行う必要があるが、テストデ
Docker Node Testerを使ってNode.jsをバージョン毎にテストする #葉桜js - from scratch
昨日は 葉桜js でした。 今回は客層からかテストとセキュリティの話が多かった。t_wada, malaさんの影響は大きい。 #葉桜JS— Yosuke FURUKAWA (@yosuke_furukawa) April 14, 2014 僕のLT t_wadaさんが来るということでテストっぽい話をしたくて、Docker Node Testerの話をしました。 Node.js v0.12 に関して このブログで Node.js v0.12で変わることについて色々と紹介してきました。NANの話もそうですし、traicing apiとかsync child_processもそうです。 Node.js v0.12では他にもコアモジュールに色々とバグ修正やエンハンスが加わっています。 コアチームが互換性に配慮しているとはいえ、影響を受けてしまい、自分のモジュールが動かなくなることは考えられます。
JavaScriptのテストコードをNode.js＋Jasmineで実行してみよう
対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 Jasmineとは Jasmineとは、JavaScriptのテスティングフレームワークです。Mochaなどのテスティングフレームワークとは違い、値を評価するためのアサーションモジュールも内包されています。また、CoffeeScriptでの記述も可能です。 Jasmineは振る舞い駆動（BDD）の形式でテストを記述します。BDDは、作成する機能に期待する「振る舞い」を文章で記述していきます。言い換えると、顧客が望んでいるであろう「要求仕様」に近い形でテストを表現しながら、テストと実装を記述していく手法です。 リスト01は、Jasmineで記述した基本的なテストコードです。このコードを文章として日本語に直訳すると「【処理結果】が【期待する値】と同じでないと予測（expect）する」です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - karma-runner/karma-html2js-preprocessor: A Karma plugin. Convert HTML files into JS strings to serve them in a script tag.
GitHub - searls/jasmine-fixture: A script for injecting fixtures into the DOM to be cleaned up after each spec.
GitHub - codymikol/karma-webpack: Karma webpack Middleware
koba04.com
http://attackofzach.com/setting-up-a-project-using-karma-with-mocha-and-chai/
GitHub - carbonfive/mocha-server
GitHub - mrhooray/gulp-mocha-phantomjs: run client-side Mocha tests with PhantomJS
GitHub - philc/shoulda.js: Concise JavaScript unit testing micro framework.
GitHub - wilkerlucio/barrier: A test framework that embraces promises for real
GitHub - jdcataldo/grunt-mocha-phantomjs: A simple grunt wrapper for mocha-phantomjs to allow for ci integration
