jestで"SecurityError: localStorage is not available for opaque origins"と言われてテストがコケる - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
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が入ってない場合は入れておく
Vue.js + Jest でnpm run unit をするとSecurityError: localStorage is not available for opaque originsが発生する - Qiita
Vue.js + Jest でnpm run unit をするとSecurityError: localStorage is not available for opaque originsが発生するVue.jsJest Vue.jsのテストをやろうかと思って、とりあえず vue-cli で自動生成される HelloWorld.vue のテスト(npm run unit)を実行したら以下のエラーが発生したので、その対処法を残す。 見てみると、 SecurityError: localStorage is not available for opaque origins が発生している。 ググってみると、jest.config.jsに以下のパラメータを追加すれば良いとのこと。
Angular6でルートパラメータに依存したComponentをテストする - Qiita
> ng -v _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 6.1.3 Node: 10.8.0 OS: win32 x64 Angular: 6.1.2 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser .
翻訳 Setting up for TDD 「TDD のための環境構築」 - Qiita
VueJS に関する資料を探していて良いものを発見し、日本語訳がありますが、一部抜けていたので、翻訳しました。環境構築の部分です。https://lmiller1990.github.io/vue-testing-handbook/ja/setting-up-for-tdd.html まだ Vuex 周りは日本語訳がないので、おってしたいと思います。 また、プルリクも出したので、採用されれば該当サイトからも見れるようになります。 vue-cli をインストールする vue-test-utils は、VueJS 公式のテスト用ライブラリで、本ガイド全体で使用していくツールです。このツールは、ブラウザ環境でも Node.js 環境でも動作しますし、どんなテストランナーとも組み合わせることができます。本ガイドでは Node.js 環境でテストを走らせていきます。 vue-test-utils i
翻訳 Vuex のテスト - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 翻訳しました。プルリク中です。 Vuex のテスト これ以降しばらくは、Vuex のテストについて解説していきます。 The next few guides discuss testing Vuex. Vuex のテストにおける二つの側面 一般的にいってコンポーネントは Vuex と以下の方法でやりとりをしています。 Generally components will interact with Vuex by mutation へ commit する action を dispatching する $store.state もしくは
翻訳 Vuex の mutation のテスト - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Mutation をテストする Mutation のテストだけを独立しておこなう場合には、複雑な手順は全く必要ありません。Mutation は通常の JavasScript の関数の範囲で書かれているからです。このページでは Mutation だけの独立したテストについて取り上げます。コンポーネントが Mutation に commit する際の Mutation のテストをしたい場合には、こちらをご覧ください。 Testing mutations in isolation is very straight forward, becau
Node.js - ES6記法 - 8.xへのバージョンアップで必要なこと - Qiita
資料 ・バージョン https://github.com/nodejs/Release#release-schedule ・本家資料 http://exploringjs.com/es6/ch_modules.html#sec_design-goals-es6-modules 変更点 ・babel等のトランスパイラを利用しなくてもnodeだけでES6 moduleの記述ができるように。 （他略） 必要な作業 サマリ ・バージョンを8.xへ ・module.exports等はexport defaultを使う ・ファイルの拡張子を.jsから.mjsにする ・UnitTest等でtestモジュールを利用している場合は.mjsを対象に ・node起動時に--experimental-modulesオプションを付与して起動 詳細 ▼ バージョンを8.xへ 今回は8.11.xに
Reactの凝り固まったFormをユニットテストを整備しながら解きほぐしていく - Qiita
はじめに React、便利ですね。 初めはJSXの独特の書き味にパンチを食らいましたが、慣れてくると各Componentを小さく作れるので設計がしやすいのと、データの流れが想像しやすいのは実際に自分で実装してみても感じるところでした。 ただ、いくらReactでComponent単位で管理していたとしても各Componentの処理の依存度が高く複雑に書かれてしまっていてはせっかくの恩恵を受けられません。 そこで今回はFormを対象にして、実装していく中で肥大化していったComponentをリファクタリングしながらユニットテストを整備していくことで、コードを解きほぐしていこうと思います。 対象バージョン react: 16.4.2 jest: 23.5.0 enzyme: 3.4.1 enzyme-adapter-react-16: 1.2.0 sinon: 6.1.5 事前準備 事前にユニッ
Jest 14.0のSnapshot Testingという新しい機能 - Qiita
Reactコンポーネントのテスト 最近コンポーネントのテストを試していて、とりあえずFBが作っているJestというフレームワークを試していました。一通り理解してテストを完了した、というタイミングでバージョナップされていました。 う～ん日進月歩 概要 必要なものは、Reactコンポーネント、対応するテストプログラム、スナップショットファイルです。 Reactコンポーネントはテスト対象です。説明することもないですね。 そして、今まではテストプログラムで、ごにょごにょと色々していたのですが、スナップショットテストだと基本的にtoMatchSnapshot()を実行していくだけです。 楽だ～ そして、今回の肝となるスナップショットファイルですが、最終的に出力されるHTMLをそのまま記述します。renderメソッドのreturn値を記述していく感じですね。そして、キーとしてSuite(describ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gulp + karmaでテスト駆動開発 - Qiita
Vue-cli で作ったプロジェクトの Jest で開発用 API のテストをする - Qiita
coffeescript + webpack をjasmine + mocha + karmaでテストしてJenkinsに管理 - Qiita
Jestで非同期関数が例外を投げることをテストする。 - Qiita
Vue Test Utils + Jest でVue.jsの単体テストを行う - Qiita
Jestでd.tsがファイルあるときCoverage出力がエラーになる場合の対処法 - Qiita
mocha / chai チートシート - Qiita
