冗談/ジャスミン.toContainは（）私はシンプルを書いて

Question

はこのようになりますButtonコンポーネントとアプリケーションに反応一致する値が存在しているにもかかわらず、失敗します。

it("contains the correct bootstrap classes",() => { 
    expect(mount(<Button modifiers={["flat"]}/>).html()).toContain("<span class=\"btn btn-flat btn-default\"></span>"); 
}); 

つまりコードが通過する必要があり、私は、次のエラーメッセージが表示されます

expect(string).toContain(value) 

Expected string: 
    "<span class=\"btn btn-flat btn-defualt\"></span>" 
To contain value: 
    "<span class=\"btn btn-flat btn-default\"></span>" 

    at Object.it (src\__tests__\Button.test.js:42:293) 

アンをなぜこれが通過していないyのアイデア？ドキュメントから

Answer 1

：

使用.toContainアイテムがリストにあることを確認したいです。 snapshots：あなたはtoBeまたはtoEqual

it("contains the correct bootstrap classes",() => { 
    expect(mount(<Button modifiers={["flat"]}/>).html()).toBe("<span class=\"btn btn-flat btn-default\"></span>"); 
}); 

を使用する必要があります。しかし、出力レンダリングされたコンポーネントをテストするためのより良い方法がある文字列をテストする

。

it("contains the correct bootstrap classes",() => { 
    expect(mount(<Button modifiers={["flat"]}/>).html()).toMatchSnapshot(); 
}); 

酵素を使用したスナップショット検査には、enzymeToJsonが必要です。