develop/JavaScript
develop/JavaScript
develop/JavaScript 
develop/JavaScript JestでのjQueryコードのテスト
概要
「Jestでの非export関数のテスト | GNU social JP」で紹介した方法で、exportを使用していないレガシーなJavaScriptコードのJestでの試験方法を紹介しました。これとは別で、jQueryを使用してい...
develop/JavaScript Jestのtestとitの違い
「JavaScriptの人気テストフレームワークJest | GNU social JP」でJestを紹介しました。試験を行う基本関数はtestですが、これにitという別名が用意されています。調べたところ、itを使うことが多いようで、気にな...
develop/JavaScript Jestでの非export関数のテスト
目次
概要
設置
試験
結論
概要
「JestのES2015対応設定 | GNU social JP」で、JestのES2015対応設定方法を紹介しました。ただ、GNU socialやQvitterのJava...
develop/JavaScript JestでのBabelの使用設定
概要
Jestでexportに対応していない古いJavaScriptコードをテストする場合、元のコードに手を加えずにテストするには、BabelというJavaScriptコンパイラー・変換ツールを併用する必要があるようです。
ただ、J...
develop/JavaScript JestのWebブラウザーAPIでのテスト環境設定
目次
概要
設定
設置
結論
概要
「JavaScriptの人気テストフレームワークJest | GNU social JP」で記した通り、Jestの環境を用意しました。実際に最初のテストコードを作成して、n...
develop/JavaScript Webブラウザーの開発者ツールでのJavaScriptデバッグ
目次
概要
開始
画面
デバッガー
コンソール
結論
概要
GNU socialのQvitterのバグに対応しています。その際に、JavaScriptのエラーが発生していて処理が止まっていることがけっこう...
develop/JavaScript JavaScriptの人気テストフレームワークJest
目次
概要
設置
基本
test
expect
結論
概要
JavaScriptで人気のテストフレームワークのJestについて調査したので整理します。GNU social本体で部分的に使用されているJav...
develop/JavaScript JestのES2015対応設定
概要
JavaScriptのテストフレームワークにJestを検討して試していたら、JestがデフォルトではES2015に対応しておらず、Node.jsを使っていないJavaScriptで使えないことに気づきました。具体的にはexpor...
develop/JavaScript npm installのオプションの意味
概要
Node.jsのパッケージマネージャーのnpmはJavaScriptのライブラリーの設置・インストール時によく使います。その際のnpm installコマンドのオプションで--save-devの意味が分からなかったので、理解する...
develop/JavaScript JavaScriptのexport/import文
目次
概要
export
import
結論
概要
最近のJavaScriptのライブラリーやコード類を見るとexport/import文をよく見かけます。昔のJa...
