サイボウズがWebアプリ自動テスト に活用しているossツールの紹介
4 likes3,451 views
2014/11/7,8の関西オープンフォーラム2014のブースでご绍介した资料です。丑迟迟辫蝉://办-辞蹿.箩辫/2014/蝉别蝉蝉颈辞苍/587
![Mocha
? インタフェースを選択可能（BDD, TDDなど）
// BDD interface
describe('Array', function() {
before(function() {
// ...
});
!
describe('#indexOf()', function() {
it('should return -1 when not present', function() {
[1,2,3].indexOf(4).should.equal(-1);
});
});
});](https://image.slidesharecdn.com/weboss-141109181330-conversion-gate02/85/Web-oss-11-320.jpg)
![Expect.js
? BDDスタイルでアサーションを記述可能
expect(window.r).to.be(undefined);
expect([]).to.be.an('array');
expect(window).not.to.be.an(Image);
? MochaのBDDインタフェースとの組み合わせ
describe('test suite', function () {
it('should expose a function', function () {
expect(add).to.be.a('function');
});
!
it('should do math', function () {
expect(add(1, 3)).to.equal(4);
});
});](https://image.slidesharecdn.com/weboss-141109181330-conversion-gate02/85/Web-oss-12-320.jpg)
![Sinon.JS
? テストダブルを扱うライブラリ
// spy
var spy = sinon.spy(jQuery, 'ajax');
jQuery.getJSON('/some/resource');
expect(spy.calledOnce).to.be.ok();
!
// stub
var stub = sinon.stub(jQuery, 'ajax');
stub.yieldsTo('success', [1, 2, 3]);
jQuery.ajax({
success: function(data) {
expect(data).to.have.length(3);
}
});](https://image.slidesharecdn.com/weboss-141109181330-conversion-gate02/85/Web-oss-13-320.jpg)
More Related Content
What's hot (20)
Viewers also liked (20)
Similar to サイボウズがWebアプリ自動テスト に活用しているossツールの紹介 (20)
More from Yuki Okada (7)
サイボウズがWebアプリ自動テスト に活用しているossツールの紹介
- 1. サイボウズがWebアプリ自動テスト に活用しているOSSツールの紹介 2014/11 関西オープンフォーラム2014 サイボウズ株式会社
- 2. ブラウザテスト ? Selenium WebDriver ? Appium ? Selenium Grid
- 3. Selenium WebDriver ? Selenium RC（Selenium 1）の後継 ? テストコードを記述してブラウザで実行 ? FirefoxアドオンのSelenium IDEとは別物 ? 各種ブラウザ用のドライバが提供されている
- 4. Selenium WebDriver Java C# Python Ruby PHP Perl JavaScript Selenium WebDriver API Firefox Driver Internet Explorer Driver Chrome Driver Opera Driver テストコードドライバ ブラウザ
- 5. Appium Selenium WebDriver テストコードAppium API iOS, Android エミュレータ/実機 ブラウザ/ネイティブアプリ
- 6. Selenium Grid Selenium WebDriver テストコードRemoteWebDriver API Selenium Hub ドライバ ブラウザ ドライバ ブラウザ Selenium Grid ドライバ ブラウザ
- 7. サイボウズでのブラウザテスト ? テストケースは約860個 ? 並列数は36 ? 実行時間は約30分
- 8. ブラウザテスト参考資料 ? 失敗からはじめるSelenium http://developer.cybozu.co.jp/tech/?p=5499 ? ハイパフォーマンス厂别濒别苍颈耻尘テスト＠サイボウズ http://www.slideshare.net/miyajan/kintone-selenium
- 10. Karma ? 様々なブラウザで実行可能 ? プラグインが豊富でCIとの連携が容易 ? karma-junit-reporter ? karma-coverage
- 11. Mocha ? インタフェースを選択可能（BDD, TDDなど） // BDD interface describe('Array', function() { before(function() { // ... }); ! describe('#indexOf()', function() { it('should return -1 when not present', function() { [1,2,3].indexOf(4).should.equal(-1); }); }); });
- 12. Expect.js ? BDDスタイルでアサーションを記述可能 expect(window.r).to.be(undefined); expect([]).to.be.an('array'); expect(window).not.to.be.an(Image); ? MochaのBDDインタフェースとの組み合わせ describe('test suite', function () { it('should expose a function', function () { expect(add).to.be.a('function'); }); ! it('should do math', function () { expect(add(1, 3)).to.equal(4); }); });
- 13. Sinon.JS ? テストダブルを扱うライブラリ // spy var spy = sinon.spy(jQuery, 'ajax'); jQuery.getJSON('/some/resource'); expect(spy.calledOnce).to.be.ok(); ! // stub var stub = sinon.stub(jQuery, 'ajax'); stub.yieldsTo('success', [1, 2, 3]); jQuery.ajax({ success: function(data) { expect(data).to.have.length(3); } });
- 14. サイボウズでのJavaScriptユニットテスト ? テストケースは約2,500個 ? 実行時間は約10秒 ? コードカバレッジ（行）は約64% ? Jenkinsでテスト結果を表示
- 15. JavaScriptユニットテスト参考資料 ? kintoneのJSユニットテスト最新事情 http://developer.cybozu.co.jp/tech/?p=7089
- 16. 継続的インテグレーション（CI） ? Jenkins ? Build Pipeline Plugin ? GitHub Plugin
- 17. ビルドパイプライン
- 18. ビルドパイプラインの流れ 1. GitHubのマスターブランチにpush 2. コンパイル 3. ユニットテスト 4. アーカイブ作成 5. テスト環境にデプロイ 6. ブラウザテスト 7. ドッグフーディング環境にデプロイ
- 19. CI参考情報 ? 超速で開発?リリースするための6つのこと http://developer.cybozu.co.jp/tech/?p=2386