3

Vue Test Utilsのcontains(selector)の章と、Chaiの.trueの章を読んで、以下のようなテストを書いたのですが、ESLintに怒られてしまいました。
ESLintのDisallow Unused Expressions (no-unused-expressions)のページを読んだのですが、よくわかりません、
どう直せばいいのでしょうか。
なお、テスト自体は成功します。

コード:

import { shallowMount } from '@vue/test-utils'
import Foo from './Foo.vue'
import Bar from './Bar.vue'

const wrapper = shallowMount(Foo)
expect(wrapper.contains(Bar)).to.be.true

ESLint:

> expect(wrapper.contains(Bar)).to.be.true

Expected an assignment or function call and instead saw an expression.eslint(no-unused-expressions)

1 件の回答 1

3

chaiとESLintのno-unused-expressionsルールは相性が悪く、chaiを使おうとするとどうしてもno-unused-expressionsに引っかかってしまいます、そこで、chaiを使う場合は後者を無効にする必要があります。そのためには、テストコードの先頭に次のコメントを書くとよいです。

/* eslint no-unused-expressions: "off" */

これは、そのファイル内でESLintによるno-unused-expressionsのチェックを無効にするという指示です。この記法については、ドキュメントのここに説明があります


ファイル全体で無効になるのがまずい場合は、eslint-disable-next-lineコメントを次のようにchaiを使っている行の前に置く方法もあります(説明はこの辺です)。

// eslint-disable-next-line no-unused-expressions
expect(wrapper.contains(Bar)).to.be.true

さらに、テストファイルが多くある場合は、ファイルごとにコメントを書くのではなく設定ファイルの指により一括で無効にすることもできます。ドキュメントのここの記述がほぼそのまま適用可能です(以下に引用)。

{
  "rules": {...},
  "overrides": [
    {
      "files": ["*-test.js","*.spec.js"],
      "rules": {
        "no-unused-expressions": "off"
      }
    }
  ]
}

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。