diff --git a/src/register/RegistrationPage.jsx b/src/register/RegistrationPage.jsx index 50c989f3..0791ee64 100644 --- a/src/register/RegistrationPage.jsx +++ b/src/register/RegistrationPage.jsx @@ -528,20 +528,22 @@ class RegistrationPage extends React.Component { }} /> - this.handleOnOptional(e)} - onBlur={null} - onChange={(e) => this.handleOnOptional(e)} - optionalFieldCheckbox - isChecked={this.state.enableOptionalField} - checkboxMessage={intl.formatMessage(messages['support.education.research'])} - /> - { this.state.enableOptionalField ? this.getOptionalFields() : null} + {getConfig().REGISTRATION_OPTIONAL_FIELDS ? ( + this.handleOnOptional(e)} + onBlur={null} + onChange={(e) => this.handleOnOptional(e)} + optionalFieldCheckbox + isChecked={this.state.enableOptionalField} + checkboxMessage={intl.formatMessage(messages['support.education.research'])} + /> + ) : null} + { this.state.enableOptionalField ? this.getOptionalFields() : null } { expect(registrationPage.find('select#gender').length).toEqual(1); }); + it('should not show optional field check if process env has empty optional fields list', () => { + mergeConfig({ + REGISTRATION_OPTIONAL_FIELDS: '', + }); + let registrationPage = mount(reduxWrapper()); + expect(registrationPage.find('input#optional').length).toEqual(0); + + mergeConfig({ + REGISTRATION_OPTIONAL_FIELDS: 'gender goals level_of_education year_of_birth', + }); + + registrationPage = mount(reduxWrapper()); + expect(registrationPage.find('input#optional').length).toEqual(1); + }); + it('should dispatch fetchRealtimeValidations on Blur after frontend validations ', () => { const formPayload = { email: '',