Automated testing with Headless Chrome | Blog | Chrome for Developers
If you want to run automated tests using Headless Chrome, look no further! This article will get you all set up using Karma as a runner and Mocha+Chai for authoring tests. What are these things? Karma, Mocha, Chai, Headless Chrome, oh my! Karma is a testing harness that works with any of the most popular testing frameworks (Jasmine, Mocha, QUnit). Chai is an assertion library that works with Node
Chrome extension向けTypeScript,gulp,power-assert,karma設定
Chrome extension向けTypeScript,gulp,power-assert,karma設定 ベース設定的なものができたので紹介。 gulp or grunt今回はassertionにPowerAssertを使うため、変換時に中間ファイルを必要としないgulpを選択。 gulp-tsc or gulp-typescriptgulp-tscはだいぶ更新されてないし取り込まれてないPRもあるけど、gulp-typescriptはしばらく触ってみてファイルを結合する方法がわからなかったので断念した。 gulp-tscはコンパイル時に「Compiling TypeScript files using tsc version null」って出るのさえ気にしなければそれ以外はそんなに問題ない。 gulp-typescriptはjsとd.tsと.mapをそれぞれ別々に処理する方法を提供し
gitでPushする度にKarma-CoverageのCoverageの値をJenkinsで計測し、その増減をIdobataに投稿する - Qiita
reporters: ['spec', 'coverage', 'junit'], coverageReporter: { dir: 'coverage/', reporters: [ { type: 'html' }, { type: 'cobertura', file: 'clover.xml' } ] }, Jenkinsの設定 ruby をInstallしておく このタスクを実行するノードに ruby をInstallしておいてください。後述のスクリプト内で使用しています。 普通にテストを実行できるようにしておく これはプロジェクト依存になるので割愛します。Jenkinsでテストが実行できるように設定しましょう。 npm や grunt 系は比較的簡単に設定できるのでそれほど悩まないでしょう。 PluginのInstall cobertura形式のカバレッジを読み込めるように以下の
Karma+istanbulを利用して、AngularJSで構築したプロダクトのCoverage計測 - Qiita
Advent Calendarを通じて、公式ページの各種情報を参考に文章化したことと他の方々の投稿を読み進めることによって、AngularJSの基本的なところを大分理解できてきました。改めて、テストを通して開発できるAngularの良いところやUJSに沿った形の仕組みを構築でき、無理なくHTMLページをリッチにできる仕組みであることを感じてきています。 当初から、Angularのテストを手軽に行えるところが良いという理由を散々述べてきました。 今回、さらに、テストについて踏み込んだ記事として、若干Angularから離れますが、コードカバレッジの計測方法を取りまとめます。 Angularのようにテストを書き易いフレームワークを導入したとして、製造フェーズをテストファーストにして、テストコードを書いてプロダクトの品質をある程度担保できたとしても、結局、テストコードを書くのは人です。場合によって
WebStormでKarma+Mocha+power-assertのjavascriptテスト環境を作る - Qiita
npmでパッケージを揃える グローバル npm install -g grunt-cli bower プロジェクト環境 npm プロジェクトルートに以下のpackage.jsonを置いてnpm installするとパッケージが揃います { "engines": { "node": ">= 0.10.0" }, "devDependencies": { "grunt": "~0.4.2", "karma-mocha": "^0.1.3", "karma-phantomjs-launcher": "^0.1.4", "grunt-espower": "^0.6.0", "grunt-karma": "^0.8.2" } } bower bower install power-assertでpower-assertと依存パッケージがインストールされます。 Grunt設定 プロジェクトルートにGr
AngularJSのテスト(Unit Test/end-to-end test)って何が良いの？ - Qiita
AngularJSを利用したのなら、絶対にKarmaとか Protractorを活用すべきです。ちゅうか、活用しなさい。と言いたいです。システムを保守フェーズに安定的にメンテナンスするならそう考えるのがふつうになるべき。 （※Protractorについては、こちらの記事がとても参考になります） 例によって「Mastering web application development with AngularJS」を読んで書かれていたポイントを読んだ感想をこちらにまとめてますが、 2章のテスト解説部分に下記の文章があります。 There is a quote saying that writing code without a Version Control system (VCS) is like skydiving without a parachute. Today one would
TypeScript + KarmaをWebStormでデバッグする - Qiita
準備 上記レポジトリーをクローンしてWebStorm 8で読み込みます。 npm install と grunt setup も忘れずに。 新しめのKarmaのプラグインが入っていればIntelliJでもいける気がしますが試してないので分かりません。 またWebStormのディレクトリ管理でnode_modulesを無視設定することをおすすめします（起動時のIndex作成とコード補完の遅さが悲惨なことになるので）。 WebStormのKarmaデバッグはChrome/Firefoxのみ有効で、PhantomJSでは実行出来ないらしいです。Firefoxの方では試していませんが、Chromeでデバッグを実行するにはJetBrains IDE Supportが必要です。実行するプロファイルに事前にインストールしておきましょう。 WebStormのRun Config設定 右上のRun/Debu
KarmaでTDD + Travis CI + Coverallsなイケてるワークフロー - はてブロ@ama_ch
巷でAngularJSが盛り上がっているのを横目に、最近は黙々とKarmaを触っていました。Karmaはかなりよくできていて素晴らしいと思うんですが、具体的な使い方はあまり見ないので紹介したいと思います。 Karmaについて http://karma-runner.github.io/ Karmaはいわゆるリモートテストランナーです。リモートテストランナーというと、色んなブラウザでテストを走らせることが目的のように思えますが、そうではありません。Karmaは ワークフローの問題を解決すること に主眼が置かれています。なので、コマンドラインでテストを実行するほかに ファイルの変更監視 CIサーバとの連携 デバッグのサポート プラグインによる機能拡張 といった機能を持っています。実際に使ってみると、単にテストを実行してくれるだけでなく、ワークフローが劇的に変わることを実感できると思います。 K
WebStorm 7EAPのkarma連携について
WebStorm 7 EAP がリリースされましたが、今まではJsTestDriverぐらいしかテスト連携のサポートは入っていませんでしたが、karmaのサポートが追加されました。 KarmaとWebStormの設定 まだ、karma@canary(いわゆるdevloperバージョン)でしか動かないらしいので、 以下のように karma のcanaryをインストールします 今回は、デフォルトのJasmineの構成にしました。 次にWebStormでプロジェクトを開いて、WebStormのkarmaの設定をします。 RunDebug Configurationsにkarmaが増えているのでそれを追加して、 karma.conf.js のパスを設定してあげればWebStormの設定は完了です。 Karmaのテストを実行 作成したConfigurationsをRunするとKarmaサーバが起動し
【javascriptを使う人に知って貰いたい（エンジニア、デザイナ問わず）】karmaを使ったテスト駆動開発入門（ついでにJasmineも） - Qiita
$ karma init Which testing framework do you want to use ? Press tab to list possible options. Enter to move to the next question. > jasmine Do you want to use Require.js ? This will add Require.js adapter into files. Press tab to list possible options. Enter to move to the next question. > no Do you want to capture a browser automatically ? Press tab to list possible options. Enter empty string to
Karma ユニットテストをWebStormでデバッグする - Kazzzの日記
E2EテストをWebStormから実行できるようになったので、最後の仕上げとして同karmaを使ったテストをWebStormからデバッグしてみる。 が、これがまた中々分からなかった。 karmaのwebサーバはポート9876で起動されるので、デバッガはそのポートにアタッチするような実行設定を用意すれば良いのは分かるのだが、スクリプトのテストを行うためのスタブ用のHTMLが無いのにどうやって(どのURLを指定して)起動するのか? 答えは、この動画にあった (12:18辺りから) Testacular (now Karma) - JavaScript Test Runner - YouTube デバッグの実行設定で注意する点は以下。 WebStormデバッガが開く際のURLは(デフォルトのポートならば) http://localhost:9876/debug.html プロジェクトのリソースル
KarmaによるE2Eテストが上手く動かない - Kazzzの日記
昨日のエントリではKarmaを使ったテストの実行について書いたが、それは主にユニットテストの話。 AngularJSによるテストにはもう一つ、E2E(End to End)つまり受け入れテスト用のテストができるようになっている。 AngularJSのTutorialでは、ユニットテスト用のconfig/testacular.conf.jsに対して、E2Eテスト用のtestacular-e2e.conf.jsが用意されている。 testacular-e2e.conf.js basePath = '../'; files = [ ANGULAR_SCENARIO, ANGULAR_SCENARIO_ADAPTER, 'test/e2e/**/*.js' ]; autoWatch = false; browsers = ['Chrome']; singleRun = true; proxies
Karma(元Testacular)を使って簡単にテストを実行しよう | DevelopersIO
Karmaとは 昨年、Googleがnode.jsベースのJavaScriptテストランナー、「Testacular」をオープンソース化しました。 このツールは元々AngularJSのためのテストフレームワークとして作られたそうで、 クライアントサイドのJavascriptコードのテストを簡単に実行することができます。 このツール自体はテストランナーで、JasmineやMochaなどのテストフレームワークを使用してテストを行います。 先日このプロジェクトの名前が変更され、「Karma」という名前になりました。 今回はKarmaのインストールからテスト実行(+ Gruntでの実行)までをおこなってみます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.10.0 npm : 1.2.14 Grunt : 0.4 npm
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - karma-runner/karma-ng-html2js-preprocessor: A Karma plugin. Compile AngularJS 1.x and 2.x templates to JavaScript on the fly.
AngularJSのE2Eテストをkarmaで動かす - Kazzzの日記