このテストはどのように失敗しますか？

Question

私はユート&酵素でユニットテストを始めました。

コンポーネントに 'comment-box'というクラス名があるかどうかをテストします。

コンポーネントテストでは、クラス名が「comment-box」のdivがあります。

しかし、テストを実行すると失敗します。

恐らく、私はイースト以来、簡単に間違いを犯しています。&酵素。

誰かが問題を見つけるのを助けてくれますか？ ありがとう！

テストランナーにログインします。

FAIL src/__tests__/components/CommentBox.test.js 
    ● CommentBox › has the right class 

    expect(received).toBe(expected) 

    Expected value to be (using ===): 
     true 
    Received: 
     false 

CommentBox.js

import React, { Component } from 'react'; 

class CommentBox extends Component { 

    constructor(props) { 
     super(props); 
    } 

    render() { 
     return (
      <div class="comment-box"> 
       <textarea></textarea> 
       <button>Submit</button> 
      </div> 
     ) 
    } 
} 

export default CommentBox; 

CommentBox.test.js

import React, { Component } from 'react'; 
import { shallow, mount, render } from 'enzyme'; 

import CommentBox from '../../components/CommentBox'; 
jest.unmock('../../components/CommentBox'); 


describe('CommentBox',() => { 

    it('has the correct class',() => { 

     const component = shallow(<CommentBox />); 

     expect(component.find('div').hasClass('comment-box')).toBe(true); 

     // I tried this one as well. 
     // expect(component.find('div').first().hasClass('comment-box')).toBe(true); 


    }); 

}); 

Answer 1

それはああ

<div className="comment-box">