Merge pull request #1078 from dennis00010011b/tests-react-components

Tests react components

test/components/Common/CrowdsaleEndTime.spec.js

@@ -0,0 +1,146 @@
+import React from 'react'
+import { CrowdsaleEndTime } from '../../../src/components/Common/CrowdsaleEndTime'
+import { Form } from 'react-final-form'
+import Adapter from 'enzyme-adapter-react-15'
+import { configure, mount } from 'enzyme'
+import renderer from 'react-test-renderer'
+import { VALIDATION_MESSAGES, TEXT_FIELDS, DESCRIPTION } from '../../../src/utils/constants'
+import MockDate from 'mockdate'
+
+configure({ adapter: new Adapter() })
+const DECRIPTION = DESCRIPTION.END_TIME
+const LABEL = TEXT_FIELDS.END_TIME
+
+describe('CrowdsaleEndTime', () => {
+  const TIMESTAMPS = {
+    CURRENT_TIME: 1520852400000,
+    PLUS_5_MINUTES: 1520852700000,
+    PLUS_10_MINUTES: 1520853000000,
+    PLUS_10_DAYS: 1521716400000,
+    MINUS_5_MINUTES: 1520852100000,
+    MINUS_10_DAYS: 1519988400000
+  }
+  const crowdsale = { tiers: [{ startTime: 0, endTime: 0 }] }
+  beforeEach(() => {
+    MockDate.set(TIMESTAMPS.CURRENT_TIME)
+    crowdsale.tiers[0].startTime = TIMESTAMPS.PLUS_10_MINUTES
+    crowdsale.tiers[0].endTime = TIMESTAMPS.PLUS_10_DAYS
+  })
+  afterEach(() => {
+    MockDate.reset()
+    crowdsale.tiers[0].startTime = 0
+    crowdsale.tiers[0].endTime = 0
+  })
+
+  describe('Rendering', () => {
+    it(`should render CrowdsaleEndTime component`, () => {
+      const wrapper = renderer.create(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleEndTime
+              name="tiers[0].endTime"
+              index="0"
+              disabled={false}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+      expect(wrapper).toMatchSnapshot()
+    })
+
+    it(`should render CrowdsaleEndTime component if field is disabled`, () => {
+      const wrapper = renderer.create(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleEndTime
+              name="tiers[0].endTime"
+              index="0"
+              disabled={true}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+      expect(wrapper).toMatchSnapshot()
+    })
+
+    it(`should be  proper label and description`, () => {
+      const wrapper = mount(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleEndTime
+              name="tiers[0].endTime"
+              index="0"
+              disabled={false}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+      const label = wrapper.find('label')
+      expect(label.text()).toBe(LABEL)
+      const descript = wrapper.find('p[className="description"]')
+      expect(descript.text()).toBe(DECRIPTION)
+    })
+  })
+
+  describe('Date validations', () => {
+    let wrapper = undefined
+
+    beforeEach(() => {
+      wrapper = mount(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleEndTime
+              name="tiers[0].endTime"
+              index="0"
+              disabled={false}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+    })
+
+    it(`shouldn't be errors if value is correct`, () => {
+      const input = wrapper.find('input[name="tiers[0].endTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.PLUS_10_DAYS } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error).toBeUndefined()
+    })
+    it(`should fail if value is empty`, () => {
+      const input = wrapper.find('input[name="tiers[0].endTime"]')
+      input.simulate('change', { target: { value: '' } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe(VALIDATION_MESSAGES.REQUIRED)
+    })
+    it(`should fail if endTime is previous than current time`, () => {
+      const input = wrapper.find('input[name="tiers[0].endTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.MINUS_5_MINUTES } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe(VALIDATION_MESSAGES.DATE_IN_FUTURE)
+    })
+
+    it(`should fail if endTime is earlier than startTime`, () => {
+      const input = wrapper.find('input[name="tiers[0].endTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.PLUS_5_MINUTES } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe("Should be later than same tier's Start Time")
+    })
+    it(`should fail if endTime is same with startTime`, () => {
+      const input = wrapper.find('input[name="tiers[0].endTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.PLUS_10_MINUTES } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe("Should be later than same tier's Start Time")
+    })
+  })
+})

test/components/Common/CrowdsaleRate.spec.js

@@ -0,0 +1,74 @@
+import React from 'react'
+import { CrowdsaleRate } from '../../../src/components/Common/CrowdsaleRate'
+import { Form } from 'react-final-form'
+import Adapter from 'enzyme-adapter-react-15'
+import { configure, mount, shallow } from 'enzyme'
+import renderer from 'react-test-renderer'
+import { VALIDATION_MESSAGES,DESCRIPTION } from '../../../src/utils/constants'
+import {Supply} from "../../../src/components/Common/Supply";
+
+configure({ adapter: new Adapter() })
+
+const LABEL = `Rate`
+describe('CrowdsaleRate ', () => {
+  it(`should render CrowdsaleRate component`, () => {
+    let input = {
+      name: 'CrowdsaleRate',
+      disabled: false,
+      value: '1234'
+    }
+    const wrapper = renderer.create(
+      <Form
+        onSubmit={jest.fn()}
+        component={CrowdsaleRate}
+        disabled={false}
+        input={input}
+      />
+    )
+    expect(wrapper).toMatchSnapshot()
+  })
+  it(`should be proper label and description`, () => {
+    const wrapper = mount(
+      <Form
+        onSubmit={jest.fn()} component={CrowdsaleRate}
+        disabled={false} name="rate"
+      />
+    )
+    let node = wrapper.find('label')
+    expect(node.text()).toBe(LABEL)
+    node = wrapper.find('p[className="description"]')
+    expect(node.text()).toBe(DESCRIPTION.RATE)
+  })
+})
+describe('CrowdsaleRate ', () => {
+  const wrapper = mount(
+    <Form
+      onSubmit={jest.fn()} component={CrowdsaleRate} name='rate'
+    />
+  )
+  const input = wrapper.find('input[name="rate"]')
+  it(`should give 3 errors if value is empty`, () => {
+    input.simulate('change', { target: { value: '' } })
+    expect(wrapper.find('InputField2').props().meta.error.length).toBe(3)
+  })
+  it(`should give error if value is not positive`, () => {
+    input.simulate('change', { target: { value: '-10' } })
+    expect(wrapper.find('InputField2').props().meta.error[0]).toBe(VALIDATION_MESSAGES.POSITIVE)
+  })
+  it(`should give error if value is not integer`, () => {
+    input.simulate('change', { target: { value: '1.0001' } })
+    expect(wrapper.find('InputField2').props().meta.error[0]).toBe(VALIDATION_MESSAGES.INTEGER)
+  })
+  it(`should give error if value is greater than 1e18`, () => {
+    input.simulate('change', { target: { value: '1000000000000000001'} })
+    expect(wrapper.find('InputField2').props().meta.error[0]).toBe('Should not be greater than 1 quintillion (10^18)')
+  })
+  it(`should give 3 errors if value is not numberic`, () => {
+    input.simulate('change', { target: { value: 'asdfg'} })
+    expect(wrapper.find('InputField2').props().meta.error.length).toBe(3)
+  })
+  it(`shouldn't give 3 errors if value is correct`, () => {
+    input.simulate('change', { target: { value: 'asdfg'} })
+    expect(wrapper.find('InputField2').props().meta.error.length).toBe(3)
+  })
+})

test/components/Common/CrowdsaleStartTime.spec.js

@@ -0,0 +1,146 @@
+import React from 'react'
+import { CrowdsaleStartTime } from '../../../src/components/Common/CrowdsaleStartTime'
+import { Form } from 'react-final-form'
+import Adapter from 'enzyme-adapter-react-15'
+import { configure, mount } from 'enzyme'
+import renderer from 'react-test-renderer'
+import { VALIDATION_MESSAGES, TEXT_FIELDS, DESCRIPTION } from '../../../src/utils/constants'
+import MockDate from 'mockdate'
+
+configure({ adapter: new Adapter() })
+const DECRIPTION = DESCRIPTION.START_TIME
+const LABEL = TEXT_FIELDS.START_TIME
+
+describe('CrowdsaleStartTime', () => {
+  const TIMESTAMPS = {
+    CURRENT_TIME: 1520852400000,
+    PLUS_5_MINUTES: 1520852700000,
+    PLUS_10_MINUTES: 1520853000000,
+    PLUS_10_DAYS: 1521716400000,
+    MINUS_5_MINUTES: 1520852100000,
+    MINUS_10_DAYS: 1519988400000
+  }
+  const crowdsale = { tiers: [{ startTime: 0, endTime: 0 }] }
+  beforeEach(() => {
+    MockDate.set(TIMESTAMPS.CURRENT_TIME)
+    crowdsale.tiers[0].startTime = TIMESTAMPS.PLUS_5_MINUTES
+    crowdsale.tiers[0].endTime = TIMESTAMPS.PLUS_10_MINUTES
+  })
+  afterEach(() => {
+    MockDate.reset()
+    crowdsale.tiers[0].startTime = 0
+    crowdsale.tiers[0].endTime = 0
+  })
+
+  describe('Rendering', () => {
+    it(`should render CrowdsaleStartTime component`, () => {
+      const wrapper = renderer.create(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleStartTime
+              name="tiers[0].startTime"
+              index="0"
+              disabled={false}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+      expect(wrapper).toMatchSnapshot()
+    })
+
+    it(`should render CrowdsaleStartTime component if field is disabled`, () => {
+      const wrapper = renderer.create(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleStartTime
+              name="tiers[0].startTime"
+              index="0"
+              disabled={true}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+      expect(wrapper).toMatchSnapshot()
+    })
+
+    it(`should be  proper label and description`, () => {
+      const wrapper = mount(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleStartTime
+              name="tiers[0].startTime"
+              index="0"
+              disabled={false}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+      const label = wrapper.find('label')
+      expect(label.text()).toBe(LABEL)
+      const descript = wrapper.find('p[className="description"]')
+      expect(descript.text()).toBe(DECRIPTION)
+    })
+  })
+
+  describe('Date validations', () => {
+    let wrapper = undefined
+
+    beforeEach(() => {
+      wrapper = mount(
+        <Form
+          onSubmit={jest.fn()}
+          initialValues={crowdsale}
+          render={() => (
+            <CrowdsaleStartTime
+              name="tiers[0].startTime"
+              index="0"
+              disabled={false}
+              errorStyle={{ color: 'red', fontWeight: 'bold' }}
+            />
+          )}
+        />
+      )
+    })
+
+    it(`shouldn't give errors if value is correct`, () => {
+      const input = wrapper.find('input[name="tiers[0].startTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.PLUS_5_MINUTES } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error).toBeUndefined()
+    })
+    it(`should fail if value is empty`, () => {
+      const input = wrapper.find('input[name="tiers[0].startTime"]')
+      input.simulate('change', { target: { value: '' } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe(VALIDATION_MESSAGES.REQUIRED)
+    })
+    it(`should fail if startTime is previous than current time`, () => {
+      const input = wrapper.find('input[name="tiers[0].startTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.MINUS_5_MINUTES } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe(VALIDATION_MESSAGES.DATE_IN_FUTURE)
+    })
+
+    it(`should fail if startTime is later than endTime`, () => {
+      const input = wrapper.find('input[name="tiers[0].startTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.PLUS_10_DAYS } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe("Should be previous than same tier's End Time")
+    })
+    it(`should fail if startTime is the same with endTime`, () => {
+      const input = wrapper.find('input[name="tiers[0].startTime"]')
+      input.simulate('change', { target: { value: TIMESTAMPS.PLUS_10_MINUTES } })
+      const inputProps = wrapper.find('InputField2').props()
+      expect(inputProps.meta.error[0]).toBe("Should be previous than same tier's End Time")
+    })
+  })
+})