Seleniumを使ったNodeアプリの機能テストの手順を解説しながら、テスト失敗時のデバッグを効率よく進めるヒントも紹介します。 Nodeアプリケーションの機能テスト Web開発プロジェクトで機能のテストをするには、起こり得るユーザーの操作リストを基にブラウザーでDOMの遷移をチェックします。仮にコンテンツマネジメントシステム(CMS)を作っているとして、画像ライブラリーのアップロード機能をテス…

Copyright © 2017, Mike Cantelon All Rights Reserved.

Mike Cantelon

Mike Cantelon

カナダ・バンクーバーのソフトウェア技術者で、「Node.js in Action」(マニング社)の共著者。現在はオープンソースのプレゼンテーションアプリに取り組んでいます。

Loading...

複雑なシンプルページアプリケーション(SPA)こそテストが大事ですが、手作業でやるには大変。そこで、Laravelのテストライブラリー「Dusk」を使ってみましょう。 JavaScriptアプリケーション、特にシングルページアプリケーションにおいてエンドツーエンドテストは常に課題です。Laravelは最近、その課題の打開案となる新しいテストライブラリー、Duskの5.4バージョンをリリースしました…

Copyright © 2017, Viraj Khatavkar All Rights Reserved.

Viraj Khatavkar

Viraj Khatavkar

インド・ムンバイ出身のソフトウェア開発者、ライター、講演家、起業家です。PHPで複雑な問題に挑戦することが大好きで、サーバーだけでなく、水泳やブログも大好きです。

Loading...

Facebookのプロダクトマネージャーだった著者は、Googleに勤める姉とのちょっとした会話から、絵本のスタートアップを立ち上げます。会社員を続けながら取り組んだ準備から立ち上げまでのストーリーをどうぞ。 私のスタートアップ、Read Your Storyは、2015年7月のある暖かい夕暮れ時に始まりました。カリフォルニア州パロアルトにある姉の家で、家族と夕食をとっていたときのことです。 私た…

Copyright © 2016, Eric Bahn All Rights Reserved.

Eric Bahn

Eric Bahn

カスタマイズできる絵本の制作会社、Read Your Storyの共同創業者です。同社の経営に加え、新規ベンチャーキャピタル会社「Residence at 500 Startups」のベンチャーパートナーで起業家でもあります。Facebook、Instagramのプロダクトマネージャーとして勤務し、2012年にThe Daily Mailに買収されることになった教育系スタートアップを10年以上経営していました。サンフランシスコ・ベイエリアに妻と息子と一緒に暮らしています。

Loading...

「生まれ変わったFacebook製テストフレームワーク「Jest」とは何か?」に続き、テストフレームワーク「Jest」を使ったReactコンポーネントのテスト方法について解説します。特に、スナップショットを使ったテスト方法は必読です。 Reactコンポーネントをテストする 注目すべきは、デフォルトではReactコンポーネントにあまりたくさんテストを記述しすぎない方が良いことです。ビジネスロジックな…

Copyright © 2016, Jack Franklin All Rights Reserved.

Jack Franklin

Jack Franklin

ロンドンで働くJavaScriptとRubyの開発者です。ツール作成、ES2015、ReactJSに重点的に取り組んでいます。

Loading...

長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機…

Jack Franklin

Jack Franklin

ロンドンで働くJavaScriptとRubyの開発者です。ツール作成、ES2015、ReactJSに重点的に取り組んでいます。

Loading...

「前にも似たようなコード書いたのに」「コピぺしたら動かなかった」……再利用しやすいコードを書くためのリファクタリングのちょっとしたコツとは? あるドロップダウンボックスが表示されているときに、別のドロップダウンボックスを制御できるコードが、SitePointフォーラムの最近のスレッドで話題になっています。そのコードは確かに動作していましたが、実は不十分であることが分かりました。脆弱で、HTMLのち…

Copyright © 2016, Paul Wilkins All Rights Reserved.

Paul Wilkins

Paul Wilkins

クライストチャーチ(震災からの復興支援ありがとうございます!)に住むウェブ開発者で、JavaScriptが得意です。コンピューターの前にいないときは、地元のコミュニティセンターでボランティアをしたり、友人たちとカルカソンヌやストーンエイジなどのボードゲームを楽しんでいます。

Loading...

Webアプリのクオリティアップに役立つのが、フロントエンドのテスト。実装したはずの機能がある条件で動かなかったり、期待どおりに操作できなかったりするとガッカリですね。Nightwatch.jsならテストがだいぶ捗りそうです。 少し前に、Eric Elliottが「JavaScript Testing: Unit vs Functional vs Integration Tests」でJavaScr…

Copyright © 2016, Hugo Giraudel All Rights Reserved.

Hugo Giraudel

Hugo Giraudel

CSSのゴブリン、Sassハッカー、マージン狂です。Sass GuidelinesSassDocSass CompatibilityBrowserhacksほか多くのSass関連の著者でもあります。

Loading...

毎回使うあのJSのコード、ちゃんとまとめておくと便利じゃない? いつもは「ライブラリーは使うもの」という人もちょっと気にしておきたい、ライブラリー自作のコツをまとめました。 本記事はAdrian Sandu、Vildan Softic、Dan Princeが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者の皆さんに感謝します。 ライブラリーとはなん…

Copyright © 2016, Tim Severien All Rights Reserved.

Tim Severien

Tim Severien

オランダ出身で最先端のものに情熱を燃やす開発者です。JavaScriptとSassが大好きで、コードを書いていないときはSitePointまたはTim’s blogの記事を書いています。

Loading...

IE10のサポートも終了し、IEに代わる「Microsoft Edge」も登場。クロスブラウザー対応はもはや以前ほど心配しなくてもよくなりました。それでも古いIE対応が必要な案件にあたったら…? レスポンシブWebデザインや日々進歩する標準サポートがあるにも関わらず、クロスブラウザーはまだまだ現在進行形の課題です。今日の人気ブラウザーやOSの世界において、自分の手でサイトをテストするのが不可能かつ…

Copyright © 2016, Ada Ivanoff All Rights Reserved.

Ada Ivanoff

Ada Ivanoff

フルタイムのフリーランスで、10年以上の経験を持ったWebアントレプレナーでもあります。デザイン、ライティングなどを楽しみながら、テック関連の最新で最高の開発サービスにキャッチアップするのが好きです。SitePoint以外では、Syntaxxxや、他のデザイン・開発・ビジネス系のサイトに寄稿しています。

Loading...