web-dev-qa-db-ja.com

WebStormにJasmineメソッドを認識させるにはどうすればよいですか？

node.js いくつかの Jasmine 仕様を含むプロジェクトがあります。仕様はspec /サブディレクトリにあり、 jasmine-node で必要とされる.spec.coffee拡張子が付いています。

WebStorm IDEで仕様ファイルの1つを開くと、beforeEachおよびdescribeおよびitへのすべての呼び出しが青い波線の下線付きで表示されますツールチップで：「未解決の関数またはメソッドit（）」。 .0 EAP を使用していて、 ある程度のJasmineサポートがある を使用しているにもかかわらず、これがJasmine仕様ファイルであることを自動的に認識しません。

[ファイル]> [設定]> [JavaScriptライブラリ]に移動し、Jasmineをライブラリとして追加（jasmine-2.0.0.rc1.jsへのパスを指定）してから、Usage Scopeサブページに移動して、[Jasmine] 「プロジェクト」の横にあるドロップダウンリストですが、効果はありませんでした-ジャスミンメソッドは未解決として表示されます。

WebStormにspecサブディレクトリのすべてのファイル、および/または拡張子が.spec.coffeeのすべてのファイルがJasmineテストであり、それらのテストが使用しているJasmine APIを認識させるにはどうすればよいですか？

jasminewebstorm
128
Joe White

Webstorm/PHPStorm/Ideaで事前定義されたJSライブラリスタブを使用できます。

  • 開くファイル>設定...
  • 言語とフレームワーク> JavaScript>ライブラリを選択します
  • ダウンロード...をクリックします

JavaScript Library settings

  • TypeScriptコミュニティスタブに切り替えます
  • Find karma-jasmine（元はjasmineという名前で）（これが機能しない場合は、代わりにjasmineを試してください）
  • ダウンロードとインストールをクリックします

enter image description here

Jasmine 2.0でこのセットアップを使用しています

229
oujesky

Webstorm 2016.1.1を搭載したMacで、次のことを行いました。

  1. 設定を開く（webstorm-> preferenceまたは[command +、]）
  2. ライブラリとフレームワークに移動-> JavaScript->ライブラリ
  3. ダウンロード
  4. リストから「jasmine-DefinitelyTyped」を選択します

Jasmine support added to webstorm

29
Eran

WebStormでJSHintなどのコード品質ツールを使用している場合、グローバルjasmin/karma-jasmineライブラリを追加してもJSHintエラーは取り除かれません。

WebStormのメニューシステム（Lang＆Frameworks> JavaScript> Code Quality Tools> JSHint）からJSHint設定にアクセスし、チェックボックスをクリックして、実行している環境を確認できるようにする必要があります。

JSHint setting

6
prasanthv

TypeScript（およびAngular2）を使用すると、WebStorm設定でTypeScriptコンパイラを有効にするだけで済みます...

設定>言語と設定> TypeScript ...

コンパイラの見出しの目盛りの下...

TypeScriptコンパイラを有効にする...

（また、tsconfig.jsonラジオを使用するをクリックしました）

ジャスミン法が認識されるようになりました

4
danday74

これは、TypeScriptで開発している場合、欠落している依存関係によっても発生する可能性があります。

@types/jasmineがインストールされていることを確認してください

npm install --save-dev @types/jasmine
3
Brad Johnson

Angular CLIを使用してプロジェクトを生成した後にこの問題が発生した場合は、File -> Settings -> Languages & Frameworks -> JavaScript -> Librariesに移動して{your-project-name}/node_modulesを確認してください。

2
theblang