feat(rate): add test (#407)

src/rate/tests/Rate.spec.ts

@@ -5,4 +5,78 @@ describe('n-rate', () => {
   it('should work with import on demand', () => {
     mount(NRate)
   })
+
+  it('should work with `count` prop', async () => {
+    const wrapper = mount(NRate)
+
+    await wrapper.setProps({ count: 10 })
+    expect(wrapper.findAll('.n-rate__item').length).toBe(10)
+
+    wrapper.unmount()
+  })
+
+  it('should work with `value` prop', async () => {
+    const wrapper = mount(NRate)
+
+    await wrapper.setProps({ value: 3, count: 10 })
+    expect(wrapper.findAll('.n-rate__item--active').length).toBe(3)
+    await wrapper.setProps({ value: 10 })
+    expect(wrapper.findAll('.n-rate__item--active').length).toBe(10)
+
+    wrapper.unmount()
+  })
+
+  it('should work with `defaultValue` prop', async () => {
+    const wrapper = mount(NRate, { props: { defaultValue: 8, count: 10 } })
+
+    expect(wrapper.findAll('.n-rate__item--active').length).toBe(8)
+
+    wrapper.unmount()
+  })
+
+  it('should work with `size` prop', async () => {
+    const wrapper = mount(NRate)
+
+    await wrapper.setProps({ size: 20 })
+    expect(wrapper.find('.n-rate').attributes('style')).toContain(
+      '--item-size: 20px'
+    )
+
+    for (const size of ['small', 'medium', 'large'] as const) {
+      await wrapper.setProps({ size })
+      expect(wrapper.find('.n-rate').attributes('style')).toMatchSnapshot()
+    }
+
+    wrapper.unmount()
+  })
+
+  it('should work with `color` prop', async () => {
+    const wrapper = mount(NRate)
+
+    await wrapper.setProps({ color: '#4fb233' })
+    expect(wrapper.find('.n-rate').attributes('style')).toContain(
+      '--item-color-active: #4fb233'
+    )
+
+    wrapper.unmount()
+  })
+
+  it('should work with `onUpdateValue` prop', async () => {
+    const onUpdateValue = jest.fn()
+    const onUpdateValue2 = jest.fn()
+    const wrapper = mount(NRate)
+
+    const testNumber = 2
+
+    await wrapper.setProps({ onUpdateValue })
+    await wrapper.findAll('.n-rate__item')[testNumber].trigger('click')
+    expect(onUpdateValue).toHaveBeenCalledWith(testNumber + 1)
+
+    await wrapper.setProps({ onUpdateValue: [onUpdateValue, onUpdateValue2] })
+    await wrapper.findAll('.n-rate__item')[testNumber].trigger('click')
+    expect(onUpdateValue).toHaveBeenCalledWith(testNumber + 1)
+    expect(onUpdateValue2).toHaveBeenCalledWith(testNumber + 1)
+
+    wrapper.unmount()
+  })
 })

src/rate/tests/__snapshots__/Rate.spec.ts.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`n-rate should work with \`size\` prop 1`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --item-color: rgb(219, 219, 223); --item-color-active: #FFCC33; --item-size: 16px;"`;
+
+exports[`n-rate should work with \`size\` prop 2`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --item-color: rgb(219, 219, 223); --item-color-active: #FFCC33; --item-size: 20px;"`;
+
+exports[`n-rate should work with \`size\` prop 3`] = `"--bezier: cubic-bezier(.4, 0, .2, 1); --item-color: rgb(219, 219, 223); --item-color-active: #FFCC33; --item-size: 24px;"`;