Edited at

CodeceptJSでオートコンプリートする


概要

CodeceptJSというテストフレームワークがあります。Puppeteerや

WebdriverIOなどのAPIをラップしたI.amOnPage()I.click()などのメソッドを使ってテストを書きますが、I.まで打ったら利用可能なメソッド一覧が出て欲しいですよね?Auto Completeしたいですよね?できます。


公式ドキュメント

公式のCommandsに書いてあるのですが、あまりにもさらっと書かれていて見逃していました。CHANGELOGを眺めていて初めて気づきました。0.3.5の部分です。公式って大事。


やり方

1.プロジェクトの中で以下のコマンドを打ちます

codeceptjs def

2.おもむろにVSCodeを開きます

3.テストファイルの一行目に/// <reference path="./steps.d.ts" />と書きます

4.オートコンプリートライフを楽しみます

簡単!!!!!!!


ちょっとだけ補足


  • defコマンドを打つとsteps.d.tsというファイルが生成され、そこにメソッド定義が羅列されています

  • VSCode以外のIDEでもTypeScript対応しているものなら大丈夫らしいですが、個人的にはVSCode一択

  • ところで、codeceptjs ghコマンドでカスタムヘルパーを作成できます。もしヘルパーメソッドを作ったら、もう一度codeceptjs defしましょう。あなたの作ったヘルパーが定義ファイルに追加され、オートコンプリートが効くようになります。感動ものです

  • CodeceptJSは良い