Vue.jsのテストでコンポーネントをいい感じにwrapする方法 - Qiita
Vue-test-utilsのshallowMountとmountの違いについて この記事では Vue-test-utils の shallowMount と mount の違いについてをメインに記事にしていきます。また shallowMount + stubs についても書いていきたいと思います。 Component.methods とコンポーネントから直接 methods を呼び出す方法もあるのでよかったら見ていってください。 mount shallowMount shallowMount + stubs TodoContainer.methods このあたりでを書いていきたいと思います。 個人的には「Vue-test-utils」には、Vue.jsのコンポーネントとかをいい感じにwrapしてくれて、jestとかのテストランナーに乗せれるようにしてくれるいい感じのヤツという認識がありま
CentOS7 karma ChromeHeadless jasmine - Qiita
$ node_modules/karma/bin/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
angular-cli(Protractor)でMicrosoft Edgeのe2eテストをする - Qiita
初心者向け あんまり分かっていないけど、とにかくEdgeでもe2eテストしたい方向けです。 テスト環境 @angular/cli@1.0.0-rc.0 1. 事前準備 今回はEdgeでテストしたいので下記からEdgeのWebDriverをダウンロードし、 ダウンロードしたパスを覚えておく。後で使います。 https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/ ※右下 Downloads の Release 14393 をクリックするとダウンロード出来る。 2. protractorの設定 以下の“ここ追加！”の部分を追加、“ここコメントアウト！”はコメントアウトしていく。 // Protractor configuration file, see link for more information // h
Alexa スキルを Serverless + Typescriptで開発する - Qiita
はじめに 自分もAlexaスキルを作ってみようとちょっといじってみた。 Alexaスキルのバックエンドには AWS Lambda を Node.js ランタイムで利用するのが手っ取り早い。 どうせなら、この機会に Typescript も使ってみようと思って Typescript と VSCode にも入門した。 また、Lambdaのデプロイ等の操作には今の所、 AWS SAM よりも 手間が少ないと感じる Serverless Framework を利用している。 Serverless Framework にはGithubなどで公開されている既存のアプリケーションを元にアプリケーションの雛形を作る機能(serverless install)があるので、ベースの部分をテンプレートとして公開してみた。 HeRoMo/serverless-aws-alexa-ts READMEの日本語版がわり
小さく始めるVue.jsユニットテスト環境 - Qiita
はじめに Vue.jsにおけるユニットテストの情報源としてはじめに参照すべきなのは公式ドキュメントです。 単体テスト - Vue.js ここでは、セットアップ方法についてはテストツールのドキュメントに委譲しています。 詳しいセットアップについては、各テストツールのドキュメントを確認して下さい。 モダンなJavaScript開発の常として、複数のツールを組み合わせた環境のセットアップが必要になります。 ゼロから作るアプリケーションなら、vue-cliでvue init webpackすれば、テスト周りのセットアップもやってくるので問題ありません。しかし、既存の（テストのない）JavaScriptアプリケーションにVue.jsを導入しようとしている場合、このアプローチは取れません。 本記事では、Vue.jsのユニットテスト環境をゼロから構築する方法を解説します。 なお、本記事のコードは下記Gi
JS のソースコードに TS を取り入れたおはなし - Qiita
既存プロジェクトの JavaScript アプリケーションのソースコードに TypeScript を含め始めました。 その際やったことや参考にした記事などをメモします。 前提 環境 OS: macOS エディタ: VSCode TypeScript: 2.9.2 プロジェクトはこれまで ES2015+ で開発をしてる。 Webpack@3.x (laravel-mix) + Babel 既存のコードベースを TypeScript に置き換えることはしない。 たいへんなので・・・ TypeScript を触るのは初めて。 TypeScript の Linter については今回は考慮しない。 達成したこと TS での開発ができるようになった。 TS in JS ができた。 JS のコード内で import SomeTsFile from './some-ts-file' みたいな事ができた。
【Karma】ローカル上のPhantomJSでもテストが通るか試す - Qiita
ローカルのChromeではOKだが、CI上のPhantomJSではテストが通らないということがある。ローカルでも念のためPhantomJSを使用してテストを実行してみようという話。 ChromeではOKだったが、PhantomJSでは通らなかったテストケース AngularMaterialを使って生成したテーブル上の一覧をクリックした際に、イベントリスナーが反応するかのテスト。ローカルのChromeでは問題なくテストが通ったが、CI上のPhantomJSでは以下のようにエラーとなった。forEachがダメそう。 FAILED TESTS: ListComponent ✖ 看板一覧がクリックされたら、handleClickが呼び出されること PhantomJS 2.1.1 (Mac OS X 0.0.0) PhantomJS 2.1.1 (Mac OS X 0.0.0) TypeError:
Protractorで爆速sendKeys - Qiita
こんにちは。Qiita見る歴3年くらいの @mumum です。 記事を書くのは初めてなので、なまあたたかく見てみてください。 はじめに これはなに？ ここを見てくださっているかたは多分ご存じSeleniumのAngular(JS)向けフレームワークProtractorを使ったe2eUI自動テストに関する、コストパフォーマンス改善の記録をコードを交えて説明させていただきます。 最後まで読むと文字入力部分のテスト時間の短縮方法がわかります。 前提 テスト対象 AngularJSで書かれたソフトウェアのUI テストツール・環境 Windowsで、Protractor上で書いたテストケースをchromedriverで実行しています。 テストフロー テスト対象のUIにinput要素が10000個あるのでそれぞれに、1000キャラクタの文字列を入力していきます。 sendKeys遅い問題 実際に上記条
Protractor,Cucumberjs,ChaiによるAngularアプリケーションのテスト - Qiita
はじめに 株式会社サイシードのインターンシップにて利用しているテストツールについてまとめました。 Protractor,Cucumberjs,ChaiによるAngularjsアプリケーションのテストについて紹介します。 ・Protractor（ http://www.protractortest.org/ ）： アプリケーションのテストを行う場合はProtractorを使いましょう。 ビューの再レンダリングが完了する前にテスト処理が実行されてしまうといった事態を回避してくれます。 ・Cucumberjs（ https://github.com/cucumber/cucumber-js/ ）： 自然言語に近い形で誰にでもわかりやすいテストコードを書くことができます。 featureとstepDefinitionがあり、featureにはテストのステップを書き、stepDefinitionには
テストドリブンなAlexaスキルの開発
はじめに Alexaスキルを実装するときにもテストしながら開発したい。 でも、実機で声を出しながら実装するのは流石に効率が悪い。 Alexaシミュレータを使うのも繰り返していると辛くなってくる。 コードを変更するたびに Lambda関数をデプロイするのも辛いし、Alexaシミュレータに発話を入力するのも面倒。 なにより、エラーになったときに発生箇所がわかりにくく、デバッグログを仕込んではCloudWatchLogsで確認するのが辛い。 ローカルでテストしながら開発できないものか。。。 ということで Jest + virtual-alexa でAlexaスキルをテストする方法を紹介する。 開発環境 最初に私の開発環境について、記述する。 AlexaスキルのバックエンドはLambdaを利用している。ランタイムはNode8.10。ローカルのテストにおいてもNode8.10を利用している。 Typ
アプリとSeleniumの2つのDockerコンテナでE2Eテスト - Qiita
概要 Protractor＋SeleniumによるE2Eテスト導入 →AngularアプリをDocker化 →あれ、E2Eテスト動かなくなってる・・！ となっていたので、Selenium Server, Angularアプリをそれぞれ異なるコンテナ上で起動してテストできるようにしました。 Docker初心者として苦労したので、その時の方法を共有します。 （Protractor、Seleniumコンテナ、docker-composeの詳細は別の記事を参考にしてください） 参考 docker-selenium 使って見た Seleniumコンテナの基本的な使い方を大いに参考にしています 行ったこと docker-composeで以下の構成を作りました テストコードからE2Eテスト実行環境としてSeleniumサーバを指定 E2Eテスト対象としてアプリを指定 Selenium Serverはdo
create-ts-lib: TypeScript WebPack Starter CLI - Qiita
🏠 Home Page - ⚡ Github Page - 📦 NPM Package A yet another Typescript Webpack Starter Built upon Webpack 3 Typescript 2 Webpack Dashboard Karma, Jasmine Quick Overview npm install -g create-ts-lib create-ts-lib my-typescript-lib cd my-typescript-lib/ npm start Then open http://localhost:3000/ to see your bootstrapped module. When you’re ready to deploy to production, create a minified bundle with
Protractorのwebdriver.createSessionのエラー対処 - Qiita
ダメだったら CircleCIで、browersを使っているのでfirefoxもインストールされているはず! [06:00:30] I/launcher - Running 1 instances of WebDriver [06:00:30] I/hosted - Using the selenium server at http://localhost:4444/wd/hub [06:01:31] E/launcher - connection refused Build info: version: '3.13.0', revision: '2f0d292', time: '2018-06-25T15:32:19.891Z' System info: host: 'f2e822041889', ip: '172.20.0.3', os.name: 'Linux', os.arch:
Vue.jsでユニットテストを導入しながら小規模アプリを製作した - Qiita
最近までテストを書いたことがなく、過去に何度か挑戦しようとしたのですが、 いざ調べてみるとJasmine/Mocha/Karmaなど、いろんな単語が出てきて面倒くさくなり、 結局なにもしない、ということを繰り返してきました。 CheckIOなど、オンラインでプログラムの課題を解くサイトを利用していて、 複雑な問題だとブラウザ上でコーディングすることや、テストの実行結果を待つのがつらくなり、 ローカルでテストを走らせながら、慣れているエディタで書いた方が効率がよさそうなので、 あらためてテストについて調べて、年末あたりからMochaを使い始めました。 しばらくして、設定方法や使い方についてひと通り分かってきたので、 テストを書きながら何か作ってみようと思い、題材を探していました。 その頃、業務中にたくさんのキャメルケースの語句をスネークケースに変換する機会があり、 ひとつひとつ考えながら変換
restify + TypeScript + Jestの開発環境をセットアップしてみる - Qiita
はじめに 最近はTypeScript+ExpressでWeb APIサーバーぼちぼちやってるんだけど、restifyなるExpress拡張がなんかいい感じっぽいので今回はrestify + TypeScriptでRest API Serverを開発してみることにした。テストは最近気に入ってるJestのTypeScript用 ts-jest を使う。 Get started Express + TypeScript する が大変参考になった。restifyとexpressを読み替えればいい感じの Webpack なトランスパイル環境が整えられる。感謝。 以下、コマンドと設定を垂れ流し。 モジュールをインストールする globalに TypeScriptやWebpackが入ってない場合は入れておく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.js+webpack+Karmaの設定メモ - Qiita
jestで"SecurityError: localStorage is not available for opaque origins"と言われてテストがコケる - Qiita
gulp + karmaでテスト駆動開発 - Qiita
Vue-cli で作ったプロジェクトの Jest で開発用 API のテストをする - Qiita
coffeescript + webpack をjasmine + mocha + karmaでテストしてJenkinsに管理 - Qiita
