javascript - jest test table rows and columns - Stack Overflow

I have a html table with the following data:

---

id | name

2 | C

1 | B

3 | A

I need to test the order of table items. I can get the rows using:

wrapper.findAll('table tr')

But how can I assert the order of rows paring the columns (tds) ? Thanks.

I have a html table with the following data:

---

id | name

2 | C

1 | B

3 | A

I need to test the order of table items. I can get the rows using:

wrapper.findAll('table tr')

But how can I assert the order of rows paring the columns (tds) ? Thanks.

• javascript
• vue.js
• jestjs

Share Improve this question Follow edited Oct 29, 2019 at 16:41 skyboyer 23.8k77 gold badges6262 silver badges7171 bronze badges asked Oct 29, 2019 at 13:52 AjjjHshAjjjHsh 25322 gold badges66 silver badges1313 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

You can do something like this:

let $rows = wrapper.findAll('tbody > tr').wrappers

let column1 = $rows.map(row => {
  return row.
    findAll('td')
    .at(0)
    .text()
})

expect(column1[0]).toBe('text 1')
expect(column1[1]).toBe('text 2')