diff --git a/assets/js/__test__/components/CompanyRegisterModal-test.jsx b/assets/js/__test__/components/CompanyRegisterModal-test.jsx index e0fdec4f3327d596f21f013076bdb9c1d64590ba..3fc0170735b1fb40e2d37a4c7ee6549c4db650c1 100755 --- a/assets/js/__test__/components/CompanyRegisterModal-test.jsx +++ b/assets/js/__test__/components/CompanyRegisterModal-test.jsx @@ -24,4 +24,10 @@ describe('CompanyRegisterModal', () => { const password = '3s24Aasd'; expect(validatePassword(password)).to.equal(true); }); + + it('Register modals state contain benefits', () => { + const companyRegister = ReactTestUtils.renderIntoDocument( + <CompanyRegisterModal />); + expect(companyRegister.state.benefits).to.exist; + }); }); diff --git a/assets/js/components/CompanyRegisterModal.jsx b/assets/js/components/CompanyRegisterModal.jsx index 562b76eab277b64778cb89fb305c7b7f1476782b..455238175715a030043351937eda3b8b6393275b 100755 --- a/assets/js/components/CompanyRegisterModal.jsx +++ b/assets/js/components/CompanyRegisterModal.jsx @@ -11,7 +11,14 @@ export default class CompanyRegisterModal extends React.Component { constructor(props) { super(props); /* istanbul ignore next */ - this.state = { loading: false }; + this.state = { + loading: false, + benefits: [ + {"text": "Mendapatkan peserta magang dari lulusan universitas terbaik di Indonesia"}, + {"text": "Mempermudah mencari calon peserta magang"}, + {"text": "Dan banyak keuntungan lainnya"} + ] + }; this.handleChange = this.handleChange.bind(this); this.handleFile = this.handleFile.bind(this); this.handleSubmit = this.handleSubmit.bind(this); @@ -91,9 +98,18 @@ export default class CompanyRegisterModal extends React.Component { })); }; - render = () => ( + render(){ + const benefitViews = []; + this.state.benefits.map((benefit, idx) => { + const benefitView = ( + <li key={idx}>{benefit.text}</li> + ) + benefitViews.push(benefitView); + }); + return ( <Modal trigger={<Button primary floated="right">Register</Button>} closeIcon="close"> <Header icon="archive" content="Register for More Benefits" /> + <ul>{benefitViews}</ul> <Modal.Content> <ModalAlert ref={(modal) => { this.modalAlert = modal; }} /> <Form onSubmit={this.handleSubmit}> @@ -168,6 +184,6 @@ export default class CompanyRegisterModal extends React.Component { </Form> </Modal.Content> </Modal> - ) + )} }