フロントエンドの リソース管理の話 TechFeed Summit#1 #techfeed #techfeedsummit
長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機能、特にReactアプリ向けテストを簡単に実施する機能について説明するまえに、プレーンなJavaScript関数でのJestの使用法を紹介します。 Jestが注目に値するのは、Reactに対応しているだけでなく、JavaScriptアプリケーションのテストにも使用できるからです。ただし、いくつかの機能はユーザーインターフェイスのテストにとても役立つ形で提供されるので、Reactにぴったりです。 サ
ユニットテストがしにくい状態となってるコードをTestiumを使ったE2Eテストを書いてリファクタリングしてみる話です。 例えば、以下のようなjQueryで書いたコードは外(テストコード)から取り出すポイントがないので、ユニットテストを書くのは難しいと思います。(そもそもViewのコードなので) 特定のバージョンでの変更点を簡単に確認できるよう、 「Aの列のラジオボタンを選ぶと同じ行より一つ下にあるBの列のラジオボタンを自動で選ぶ」 という補助機能 $(document).ready(function () { // seq: シーケンス番号 $.each(["new_version", "old_version"], function () { $("input[name='" + this + "']").each(function (idx, elem) { if (idx == 0
テストは様々なパターンが存在します。ユニットテストもあれば結合テスト、負荷テストなどもあります。いずれも目的に合わせて選択する必要があります。しかしテスト項目は人が考えるもので、ある意味限界があるかも知れません。 そこで試してみたいのがMonkey.js、Webベースのモンキーテストライブラリです。とにかく適当に触って入力してを繰り返すことで何か起きるかも知れない、そんな可能性を秘めています。 Monkey.jsの使い方 テスト中。クリックしたポイントに印がつきます。 入力テスト。こちらもまたランダムな文字列を入力します。 デモでは一つのページ上だけで行われますが、Monkey.jsを全ページで呼び出しつつ、自動実行し続ければ何かエラーが起こる可能性があります。URLごとに遷移してしまう場合はまだいいですが、Webアプリケーションで画面遷移を行わないシステムの場合はJavaScriptでエ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く