Update table-sort.spec.js

tmorehouse · web-flow · commit c1c46e7950d4 · 2019-03-11T00:56:14.000-03:00
diff --git a/src/components/table/table-sort.spec.js b/src/components/table/table-sort.spec.js
@@ -23,28 +23,76 @@ describe('table sorting', () => {
     expect(wrapper.emitted('input')).toBeDefined()
     expect(wrapper.emitted('input').length).toBe(1)
     expect(wrapper.emitted('input')[0][0]).toEqual(testItems)
-    const $rows = wrapper.findAll('tbody > tr')
+    const $rows = wrapper.findAll('tbody > tr').array
     expect($rows.length).toBe(3)
-    expect(
-      $rows
-        .at(0)
-        .findAll('td')
-        .at(0)
-        .text()
-    ).toBe('3')
-    expect(
-      $rows
-        .at(1)
-        .findAll('td')
-        .at(0)
-        .text()
-    ).toBe('1')
-    expect(
-      $rows
-        .at(2)
-        .findAll('td')
-        .at(0)
-        .text()
-    ).toBe('2')
+    // Map the rows to the first column text value
+    const columnA = $rows.map(row => {
+      return row.findAll('td').at(0).text()
+    })
+    expect(columnA[0]).toBe('3')
+    expect(columnA[1]).toBe('1')
+    expect(columnA[2]).toBe('2')
+  })
+
+  it('should sort column descending when sortBy set and sortDesc changed', async () => {
+    const wrapper = mount(Table, {
+      propsData: {
+        fields: testFields,
+        items: testItems,
+        sortBy: 'a',
+        sortDesc: false
+      }
+    })
+    expect(wrapper).toBeDefined()
+    expect(wrapper.findAll('tbody > tr').exists()).toBe(true)
+    expect(wrapper.findAll('tbody > tr').length).toBe(3)
+    let $rows
+    let columnA
+
+    await wrapper.vm.$nextTick()
+    expect(wrapper.emitted('input')).toBeDefined()
+    expect(wrapper.emitted('input').length).toBe(1)
+    $rows = wrapper.findAll('tbody > tr').array
+    expect($rows.length).toBe(3)
+    // Map the rows to the first column text value
+    columnA = $rows.map(row => {
+      return row.findAll('td').at(0).text()
+    })
+    expect(columnA[0]).toBe('1')
+    expect(columnA[1]).toBe('2')
+    expect(columnA[2]).toBe('3')
+
+    // Change sort direction
+    wrapper.setProps({
+      sortDesc: true
+    })
+    await wrapper.vm.$nextTick()
+    expect(wrapper.emitted('input').length).toBe(2)
+    $rows = wrapper.findAll('tbody > tr').array
+    expect($rows.length).toBe(3)
+    // Map the rows to the first column text value
+    columnA = $rows.map(row => {
+      return row.findAll('td').at(0).text()
+    })
+    expect(columnA[0]).toBe('3')
+    expect(columnA[1]).toBe('2')
+    expect(columnA[2]).toBe('1')
+
+    // Clear sort
+    wrapper.setProps({
+      sortBy: null,
+      sortDesc: false
+    })
+    await wrapper.vm.$nextTick()
+    expect(wrapper.emitted('input').length).toBe(3)
+    $rows = wrapper.findAll('tbody > tr').array
+    expect($rows.length).toBe(3)
+    // Map the rows to the first column text value
+    columnA = $rows.map(row => {
+      return row.findAll('td').at(0).text()
+    })
+    expect(columnA[0]).toBe('3')
+    expect(columnA[1]).toBe('1')
+    expect(columnA[2]).toBe('2')
   })
 })
