Saya mencoba menulis tes enzim dan ingin mengakses teks div berikut.

<div className="toolbar__contentInformation">
   <div className="text smallfont ellipsis">Alex</div>
   <div className="text smallfont ellipsis">12</div>
</div>

Tes.js

  let component = React.createElement(App});
  let wrapper = enzyme.enzyme.mount(component);
  let val = wrapper.find('div.toolbar__contentInformation') //how to access text = Alex ???
0
user28 20 April 2021, 14:55

1 menjawab

Jawaban Terbaik

Ada beberapa cara untuk mencapai tujuan Anda.

let val = wrapper.find('div.toolbar__contentInformation').chidlren();

expect(wrapper.find('div.toolbar__contentInformation').childAt(0).text()).to.equal('Alex');
expect(wrapper.find('div.toolbar__contentInformation').childAt(1).text()).to.equal('12');

Atau Anda dapat merujuk langsung ke anak-anak menggunakan fungsi ini at():

expect(wrapper.find('.text.smallfont.ellipsis').at(0).text()).to.equal('Alex');
expect(wrapper.find('.text.smallfont.ellipsis').at(1).text()).to.equal('12');

Atau gunakan fungsi first and last()

expect(wrapper.find('.text.smallfont.ellipsis').first().text()).to.equal('Alex');
expect(wrapper.find('.text.smallfont.ellipsis').last().text()).to.equal('12');

Atau, Anda cukup merujuk ke:

wrapper.find('div.toolbar__contentInformation')[index]

1
turbolukoshko 20 April 2021, 13:01