How to use isError method in Cypress

Best JavaScript code snippet using cypress

Integration.js

Source:Integration.js Github

copy

Full Screen

1import { deleteData, getData, postData } from "./Http"2import { fireEvent, SUCCESS, FAIL } from "../helpers/eventDispatcher"3import { API_RESPONSE_KEY, DELETED_BUNDLE, HTTP_STATUS } from "../helpers/constants";4import i18n from "../i18n";5// endpoints6const urlOrganisations = `${process.env.REACT_APP_PUBLIC_API_URL}/organisation/`7const urlCategories = `${process.env.REACT_APP_PUBLIC_API_URL}/category/`8const urlBundles = `${process.env.REACT_APP_PUBLIC_API_URL}/bundles/`9const urlBundleGroups = `${process.env.REACT_APP_PUBLIC_API_URL}/bundlegroups/`10const urlUsers = `${process.env.REACT_APP_PUBLIC_API_URL}/users/`11const urlKC = `${process.env.REACT_APP_PUBLIC_API_URL}/keycloak/`12//Bundle group version urls13const urlBundleGroupVersion = `${process.env.REACT_APP_PUBLIC_API_URL}/bundlegroupversions/`14const urlBundleGroupsVersionsFilteredPaged = `${process.env.REACT_APP_PUBLIC_API_URL}/bundlegroupversions/filtered`15// checks if the input data contain an error and sends back either the error itself or the actual data16const checkForErrorsAndSendResponse = (data, isError, objectLabel) => {17 if (isError) {18 return {19 errorBody: data,20 isError,21 }22 } else {23 return {24 [objectLabel]: data,25 isError,26 }27 }28}29const eventHandler = (isError, failMessage, successMessage) => {30 if (successMessage) {31 if (!isError) {32 fireEvent(SUCCESS, successMessage)33 }34 }35 if (isError) {36 console.error(`[ --- FATAL ERROR --- ] ${failMessage}`)37 fireEvent(FAIL, failMessage)38 }39}40/*********************41 * ORGANISATIONS *****42 *********************/43export const getAllOrganisations = async () => {44 let { data, isError } = await getData(urlOrganisations)45 eventHandler(46 isError,47 `${i18n.t('toasterMessage.impossibleToLoadOrganisations')} ${data ? data.message : ""}`48 )49 return checkForErrorsAndSendResponse(data, isError, "organisationList")50}51export const getSingleOrganisation = async (id) => {52 const { data, isError } = await getData(urlOrganisations, id)53 eventHandler(54 isError,55 `${i18n.t('toasterMessage.impossibleToLoadOrganisation')} ${data ? data.message : ""}`56 )57 return checkForErrorsAndSendResponse(data, isError, "organisation")58}59export const addNewOrganisation = async (organisationData) => {60 const { data, isError } = await postData(urlOrganisations, organisationData)61 eventHandler(62 isError,63 `${i18n.t('toasterMessage.impossibleToCreateOrganisation')} ${data ? data.message : ""}`,64 `${i18n.t('component.bundleModalFields.organisation')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.created')}`65 )66 return checkForErrorsAndSendResponse(data, isError, "newOrganisation")67}68export const editOrganisation = async (organisationData, id) => {69 const { data, isError } = await postData(70 urlOrganisations,71 organisationData,72 id73 )74 eventHandler(75 isError,76 `${i18n.t('toasterMessage.impossibleToUpdateOrganisation')} ${data ? data.message : ""}`,77 `${i18n.t('component.bundleModalFields.organisation')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.updated')}`78 )79 return checkForErrorsAndSendResponse(data, isError, "editedOrganisation")80}81export const deleteOrganisation = async (id) => {82 const { data, isError } = await deleteData(urlOrganisations, id)83 eventHandler(84 isError,85 `${i18n.t('toasterMessage.impossibleToDeleteOrganisation')} ${data ? data.message : ""}`,86 `${i18n.t('component.bundleModalFields.organisation')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.deleted')}`87 )88 return checkForErrorsAndSendResponse(data, isError, "deletedOrganisation")89}90/*********************91 * CATEGORIES ********92 *********************/93export const getAllCategories = async () => {94 const { data, isError } = await getData(urlCategories)95 eventHandler(96 isError,97 `${i18n.t('toasterMessage.impossibleToLoadCategory')} ${data ? data.message : ""}`98 )99 return checkForErrorsAndSendResponse(data, isError, "categoryList")100}101export const getSingleCategory = async (id) => {102 const { data, isError } = await getData(urlCategories, id)103 eventHandler(104 isError,105 `${i18n.t('toasterMessage.impossibleToLoadCategory')} ${data ? data.message : ""}`106 )107 108 return checkForErrorsAndSendResponse(data, isError, "category")109}110export const addNewCategory = async (categoryData) => {111 const { data, isError } = await postData(urlCategories, categoryData)112 eventHandler(113 isError,114 `${i18n.t('toasterMessage.impossibleToCreateCategory')} ${data ? data.message : ""}`,115 `${i18n.t('component.bundleModalFields.category')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.created')}`116 )117 return checkForErrorsAndSendResponse(data, isError, "newCategory")118}119export const editCategory = async (categoryData, id) => {120 const { data, isError } = await postData(urlCategories, categoryData, id)121 eventHandler(122 isError,123 `${i18n.t('toasterMessage.impossibleToUpdateCategory')} ${data ? data.message : ""}`,124 `${i18n.t('component.bundleModalFields.category')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.updated')}`125 )126 return checkForErrorsAndSendResponse(data, isError, "editedCategory")127}128const CATEGORY_APPLIED_ON_BUNDLE_GROUP_MSG = "This category is already in use."129export const deleteCategory = async (id, categoryName) => {130 const { data, isError } = await deleteData(urlCategories, id)131 const dataMessageLength = data.message ? data.message.split(" ").length : null132 const statusCode = dataMessageLength ? data.message.split(" ")[dataMessageLength - 1] : 0133 if (statusCode && statusCode === HTTP_STATUS.EXPECTATION_FAILED) {134 data.message = CATEGORY_APPLIED_ON_BUNDLE_GROUP_MSG135 }136 eventHandler(137 isError,138 `${i18n.t('toasterMessage.impossibleToDeleteCategory')} ${data ? data.message : ""}`,139 `${i18n.t('component.bundleModalFields.category')} ${categoryName ? categoryName : ""} ${i18n.t('toasterMessage.deleted')}`140 )141 return checkForErrorsAndSendResponse(data, isError, "deletedCategory")142}143/*********************144 * BUNDLES ***********145 *********************/146export const getAllBundles = async () => {147 const { data, isError } = await getData(urlBundles)148 eventHandler(149 isError,150 `${i18n.t('toasterMessage.impossibleToLoadBundles')} ${data ? data.message : ""}`151 )152 return checkForErrorsAndSendResponse(data, isError, "bundleList")153}154export const getAllBundlesForABundleGroup = async (id) => {155 const newUrl = `${urlBundles}?bundleGroupVersionId=${id}`156 const { data, isError } = await getData(newUrl)157 eventHandler(158 isError,159 `${i18n.t('toasterMessage.impossibleToLoadBundles')} ${data ? data.message : ""}`160 )161 return checkForErrorsAndSendResponse(data, isError, "bundleList")162}163export const getSingleBundle = async (id) => {164 const { data, isError } = await getData(urlBundles, id)165 eventHandler(166 isError,167 `${i18n.t('toasterMessage.impossibleToLoadBundle')} ${data ? data.message : ""}`168 )169 return checkForErrorsAndSendResponse(data, isError, "bundleGroup")170}171export const addNewBundle = async (bundleData) => {172 const { data, isError } = await postData(urlBundles, bundleData)173 eventHandler(174 isError,175 `${i18n.t('toasterMessage.impossibleToCreateBundle')} ${data ? data.message : ""}`,176 `${i18n.t('toasterMessage.bundle')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.created')}`177 )178 return checkForErrorsAndSendResponse(data, isError, "newBundle")179}180export const editBundle = async (bundleData, id) => {181 const { data, isError } = await postData(urlBundles, bundleData, id)182 eventHandler(183 isError,184 `${i18n.t('toasterMessage.impossibleToUpdateBundle')} ${data ? data.message : ""}`,185 `${i18n.t('toasterMessage.bundle')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.updated')}`186 )187 return checkForErrorsAndSendResponse(data, isError, "editedBundle")188}189/*********************190 * BUNDLE GROUPS *****191 *********************/192export const getAllBundleGroups = async (organisationId) => {193 let url = urlBundleGroups194 if (organisationId)195 url = urlBundleGroups + "?organisationId=" + organisationId196 const { data, isError } = await getData(url)197 eventHandler(198 isError,199 `${i18n.t('toasterMessage.impossibleToLoadBundleGroups')} ${data ? data.message : ""}`200 )201 return checkForErrorsAndSendResponse(data, isError, "bundleGroupList")202}203/**204 * GET bundle groups/versions filtered205 * @param {*} page 206 * @param {*} pageSize 207 * @param {*} organisationId 208 * @param {*} categoryIds 209 * @param {*} statuses 210 * @returns 211 */212export const getAllBundleGroupsFilteredPaged = async (213 page,214 pageSize,215 organisationId,216 categoryIds,217 statuses,218 searchText = null219) => {220 let url = `${urlBundleGroupsVersionsFilteredPaged}?page=${page}&pageSize=${pageSize}`221 if (categoryIds && categoryIds.length > 0) {222 url =223 url +224 "&" +225 categoryIds.map((categoryId) => `categoryIds=${categoryId}`).join("&")226 }227 if (statuses && statuses.length > 0) {228 statuses.map((status) => `statuses=${status}`).join("&")229 url = url + "&" + statuses.map((status) => `statuses=${status}`).join("&")230 }231 if (organisationId) url = url + "&organisationId=" + organisationId232 if (searchText) url = url + `&searchText=${searchText}`233 const { data, isError } = await getData(url)234 eventHandler(235 isError,236 `Impossible to load bundle groups: ${data ? data.message : ""}`237 )238 return checkForErrorsAndSendResponse(data, isError, "bundleGroupList")239}240export const getSingleBundleGroup = async (id) => {241 const { data, isError } = await getData(urlBundleGroups, id)242 eventHandler(243 isError,244 `Impossible to load bundle group: ${data ? data.message : ""}`245 )246 return checkForErrorsAndSendResponse(data, isError, "bundleGroup")247}248export const addNewBundleGroup = async (bundleGroupData) => {249 const { data, isError } = await postData(urlBundleGroups, bundleGroupData)250 eventHandler(251 isError,252 `${i18n.t('toasterMessage.impossibleToCreateBundleGroup')} ${data ? data.message : ""}`,253 `${i18n.t('toasterMessage.bundleGroup')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.created')}`254 )255 return checkForErrorsAndSendResponse(data, isError, "newBundleGroup")256}257export const editBundleGroup = async (bundleGroupData, id) => {258 const { data, isError } = await postData(urlBundleGroups, bundleGroupData, id)259 eventHandler(260 isError,261 `${i18n.t('toasterMessage.impossibleToUpdateBundleGroup')} ${data ? data.message : ""}`,262 `${i18n.t('toasterMessage.bundleGroup')} ${data.data ? data.data.name : ""} ${i18n.t('toasterMessage.updated')}`263 )264 return checkForErrorsAndSendResponse(data, isError, API_RESPONSE_KEY.EDITED_BUNDLE_GROUP)265}266export const deleteBundle = async (id, bundleName) => {267 const { data, isError } = await deleteData(urlBundleGroups, id)268 eventHandler(269 isError,270 `${i18n.t('toasterMessage.impossibleToDeleteBundle')} ${data ? data.message : ""}`,271 `${i18n.t('toasterMessage.bundle')} ${bundleName ? bundleName : ""} ${i18n.t('toasterMessage.deleted')}`272 )273 return checkForErrorsAndSendResponse(data, isError, DELETED_BUNDLE)274}275/*********************276 * USERS *************277 *********************/278// POST input: username and organization id -> create a user and assign it to that organization279// path: organization id280// req body: username281export const createAUserForAnOrganisation = async (282 organisationId,283 userData,284 type285) => {286 const newUrl = `${urlUsers}${organisationId}`287 const userDataObject = {288 username: userData,289 }290 const { data, isError } = await postData(newUrl, userDataObject)291 if (type === 'update') {292 debugger293 eventHandler(isError,294 `${i18n.t('toasterMessage.impossibleToCreateUser')}`,295 `${i18n.t('toasterMessage.user')} ${userData ? userData : ""} ${i18n.t('toasterMessage.updated')}`296 )297 } else {298 eventHandler(isError,299 `${i18n.t('toasterMessage.impossibleToCreateUser')}`,300 `${i18n.t('toasterMessage.user')} ${userData ? userData : ""} ${i18n.t('toasterMessage.created')}`301 )302 }303 return checkForErrorsAndSendResponse(data, isError, "newUserForOrganization")304}305// GET input: nothing -> get all the users306export const getAllUsers = async () => {307 const { data, isError } = await getData(urlUsers)308 eventHandler(isError, `${i18n.t('toasterMessage.impossibleToLoadUsers')}`) 309 return checkForErrorsAndSendResponse(data, isError, "userList")310}311// GET input: organization id -> get all the users for that organization312// query string: organization id313export const getAllUserForAnOrganisation = async (organisationId) => {314 const newUrl = `${urlUsers}?organisationId=${organisationId}`315 const { data, isError } = await getData(newUrl)316 eventHandler(isError, `${i18n.t('toasterMessage.impossibleToLoadUsers')}`)317 return checkForErrorsAndSendResponse(data, isError, "userList")318}319// DELETE input: username -> delete the user320// path: username321export const deleteUser = async (username) => {322 const newUrl = `${urlUsers}${username}`323 const { data, isError } = await deleteData(newUrl)324 eventHandler(isError, `${i18n.t('toasterMessage.impossibleToDeleteUser')}`, `User deleted`)325 return data326}327// DELETE input: organization id and username -> remove the user from that organization328// path: username329// path: organization id330export const removeUserFromOrganisation = async (organisationId, username, type) => {331 const newUrl = `${urlUsers}${organisationId}/user/${username}`332 const { data, isError } = await deleteData(newUrl)333 // while updating user no need to show 'user removed toaster'334 if (type === 'update') {335 eventHandler(isError, `${i18n.t('toasterMessage.impossibleToRemoveUser')}`, ``);336 } else {337 eventHandler(isError, `${i18n.t('toasterMessage.impossibleToRemoveUser')}`, `${i18n.t('toasterMessage.userRemovedFromTheOrganisation')}`);338 }339 return data340}341/**342 * Get a portal user by username.343 * @param {*} username 344 * @returns 345 */346 export const getPortalUserByUsername = async (username) => {347 const { data, isError } = await getData(urlUsers + username)348 return checkForErrorsAndSendResponse(data, isError, API_RESPONSE_KEY.PORTAL_USER);349}350/*********************351 * KC *************352 *********************/353/*354 {355 "id": "e7a0ae5d-59ab-40c7-a510-ae4756cc5044",356 "created": "2021-09-02T21:49:36.409+00:00",357 "username": "admin",358 "enabled": true,359 "firstName": null,360 "lastName": null,361 "email": null,362 "organisationIds": []363 }364}365*/366export const getAllKCUsers = async () => {367 const newUrl = `${urlKC}users`368 const { data, isError } = await getData(newUrl)369 return checkForErrorsAndSendResponse(data, isError, "kcUsers")370}371/**************************372 * Bundle Group Version373***************************/374/**375 * Add new bundle group version376 * @param {*} bundleGroupVersionData 377 * @param {*} bundleGroupId 378 * @returns 379 */380 export const addNewBundleGroupVersion = async (bundleGroupVersionData) => {381 const { data, isError } = await postData(urlBundleGroupVersion, bundleGroupVersionData)382 eventHandler(383 isError,384 `${i18n.t('toasterMessage.unableToAddBundleGroupVersion')} ${data ? data.message : ""}`,385 `${i18n.t('toasterMessage.bundleGroupVersion')} ${data.data ? data.data.name : ""} saved`386 )387 return checkForErrorsAndSendResponse(data, isError, API_RESPONSE_KEY.EDITED_BUNDLE_GROUP)388}389/**390 * Get all bundle group versions by bundleGroupId391 * @param {*} bundleGroupId 392 */393 export const getAllBundleGroupVersionByBundleGroupId = async (bundleGroupId, page, pageSize, bundleStatuses) => {394 // let url = `${urlBundleGroupVersion}versions/${bundleGroupId}?page=${page}&pageSize=${pageSize}`;395 let url = `${urlBundleGroupVersion}versions/${bundleGroupId}?page=${page}&pageSize=${pageSize}${(!bundleStatuses || bundleStatuses.toString() === '-1') ? '' : `&statuses=${bundleStatuses}`}`;396 const { data, isError } = await getData(url);397 eventHandler(398 isError,399 `${i18n.t('toasterMessage.impossibleToLoadBundleGroupVersions')} : ${data ? data.message : ""}`400 )401 return checkForErrorsAndSendResponse(data, isError, "versions")402}403/**404 * Delete a bundle group version405 * @param {*} id 406 * @param {*} bundleName 407 * @returns 408 */409export const deleteBundleGroupVersion = async (bundleGroupVersionId) => {410 const { data, isError } = await deleteData(urlBundleGroupVersion, bundleGroupVersionId);411 eventHandler(412 isError,413 `${i18n.t('toasterMessage.impossibleToDeleteBundle')} ${data ? data.message : ""}`,414 `${i18n.t('toasterMessage.bundleGroupVersion')} ${i18n.t('toasterMessage.deleted')}`415 )416 return checkForErrorsAndSendResponse(data, isError, DELETED_BUNDLE);417}418/**419 * Update a bundle group version420 * @param {*} bundleGroupVersionData 421 * @param {*} bundleGroupVersionId 422 * @returns 423 */424export const editBundleGroupVersion = async (bundleGroupVersionData, bundleGroupVersionId) => {425 const { data, isError } = await postData(urlBundleGroupVersion, bundleGroupVersionData, bundleGroupVersionId)426 eventHandler(427 isError,428 `${i18n.t('toasterMessage.impossibleToUpdateBundleGroup')} ${data ? data.message : ""}`,429 `${i18n.t('toasterMessage.bundleGroup')} ${bundleGroupVersionData.name} ${i18n.t('toasterMessage.updated')}`430 )431 return checkForErrorsAndSendResponse(data, isError, API_RESPONSE_KEY.EDITED_BUNDLE_GROUP)432}433/**434 * Get bundle group details by bundle group version id435 * @param {*} bundleGroupVersionId 436 * @returns 437 */438 export const getBundleGroupDetailsByBundleGroupVersionId = async (bundleGroupVersionId) => {439 let newUrl = `${urlBundleGroupVersion}${bundleGroupVersionId}`;440 const { data, isError } = await getData(newUrl)441 eventHandler(isError, `${i18n.t('toasterMessage.impossibleToLoadUsers')}`)442 return checkForErrorsAndSendResponse(data, isError, "bgVersionDetails")...

Full Screen

Full Screen

formValidator.js

Source:formValidator.js Github

copy

Full Screen

1import {monthFullNames} from 'lib/formHelpers/defaultData.js';2// Validate add new experience form (Work/Education/Accomplishment)3const experienceValidator = values => {4 if (values.start_year) {5 values.start_year = values.start_year.toString();6 }7 if (values.end_year) {8 values.end_year = values.end_year.toString();9 }10 const {11 type,12 start_month,13 end_month,14 start_year,15 end_year,16 is_current,17 location,18 host,19 title,20 degree,21 degree_other,22 link,23 link_name,24 description,25 achievements,26 } = values;27 let isError = false;28 let err = {};29 if (type !== 'Accomplishment' && !host) {30 isError = true;31 err.host_error = 'Required';32 }33 if (type === 'Education' && !degree) {34 isError = true;35 err.degree_error = 'Required';36 }37 if (type === 'Education' && degree) {38 if (degree === 'Other' && !degree_other) {39 isError = true;40 err.degreeOther_error = 'Required';41 }42 if (degree_other && degree_other.length > 100) {43 isError = true;44 err.degreeOther_error =45 'Type of Education must be less than 100 characters';46 }47 }48 if (!title) {49 isError = true;50 err.title_error = 'Required';51 }52 if (link && !link.startsWith('https://')) {53 isError = true;54 err.link_error = 'Link must start with "https://"';55 }56 if (link && link.length > 255) {57 isError = true;58 err.link_error = 'Link must be less than 255 characters';59 }60 if ((link && !link_name) || (link && link_name && link_name.length < 1)) {61 isError = true;62 err.linkName_error = 'Link name is required when you enter URL';63 }64 // check if start_month is null, invalid month name, or 'none'65 if (66 type !== 'Accomplishment' &&67 (!start_month || !monthFullNames.includes(start_month))68 ) {69 isError = true;70 err.startMonth_error = 'Required';71 }72 // check if start_year is null or '0'73 if (type !== 'Accomplishment' && (!start_year || start_year === '0')) {74 isError = true;75 err.startYear_error = 'Required';76 }77 if (type !== 'Accomplishment' && !location) {78 isError = true;79 err.location_error = 'Required';80 }81 // require end_month and end_year if is_current is false82 if (type !== 'Accomplishment' && is_current === false) {83 if (!end_month || !monthFullNames.includes(end_month)) {84 isError = true;85 err.endMonth_error = 'Required';86 }87 if (!end_year || end_year === '0') {88 isError = true;89 err.endYear_error = 'Required';90 }91 }92 if (description && description.length > 750) {93 isError = true;94 err.description_error = 'Your content is too long. Maximum 750 characters.';95 }96 if (achievements && achievements.length > 0) {97 achievements.forEach(achievement => {98 if (achievement.description.length > 750) {99 isError = true;100 err.achievements_error =101 'Your content is too long. Maximum 750 characters.';102 }103 });104 }105 if (106 !is_current &&107 start_month &&108 start_year &&109 end_month &&110 end_year &&111 end_month !== 'none' &&112 end_year !== '0'113 ) {114 // if same year (start-end), check if months are in the correct order115 if (116 start_year === end_year &&117 monthFullNames.indexOf(end_month) < monthFullNames.indexOf(start_month)118 ) {119 isError = true;120 err.endMonth_error = 'End month must be later than start month';121 }122 // end year cannot be less than start year123 if (end_year < start_year) {124 isError = true;125 err.endYear_error = 'End year must be greater than start year';126 }127 }128 return {isError, err};129};130const newProfileValidator = values => {131 const {first_name, last_name, email, phone_primary, terms_agreement} = values;132 let isError = false;133 let err = {};134 if (!first_name) {135 isError = true;136 err.firstName_error = 'Required';137 }138 if (!last_name) {139 isError = true;140 err.lastName_error = 'Required';141 }142 if (!email) {143 isError = true;144 err.email_error = 'Required';145 } else if (!validateEmail(email)) {146 isError = true;147 err.email_error = 'Invalid email address';148 }149 if (!phone_primary || phone_primary.replace(/\D/g, '').length < 6) {150 isError = true;151 err.phonePrimary_error = 'Required';152 }153 if (!terms_agreement) {154 isError = true;155 err.termsAgreement_error = 'Required';156 }157 return {isError, err};158};159// Validate RegEx160const validateEmail = input => {161 const mailFormat = /^[A-Z0-9_%!+-][A-Z0-9._%!+-]*@[A-Z0-9][A-Z0-9-.]+[^.]\.[A-Z]{2,}$/i;162 if (input.match(mailFormat) && input.split('@')[0].length < 64) {163 return true;164 } else {165 return false;166 }167};168const opportunityValidator = values => {169 const {org_name, title, short_description, gdoc_link} = values;170 let isError = false;171 let err = {};172 if (!org_name || org_name.length === 0) {173 isError = true;174 err.orgName_error = 'Required';175 } else if (org_name && org_name.length > 200) {176 isError = true;177 err.orgName_error = 'Organization name must be less than 200 characters';178 }179 if (!title || title.length === 0) {180 isError = true;181 err.title_error = 'Required';182 } else if (title && title.length > 200) {183 isError = true;184 err.title_error = 'Job title must be less than 200 characters';185 }186 if (!short_description || short_description.length === 0) {187 isError = true;188 err.shortDescription_error = 'Required';189 } else if (short_description && short_description.length > 2000) {190 isError = true;191 err.shortDescription_error =192 'Short description must be less than 2,000 characters';193 }194 if (!gdoc_link || gdoc_link.length === 0) {195 isError = true;196 err.link_error = 'Required';197 } else if (198 gdoc_link &&199 !gdoc_link.startsWith('https://docs.google.com/document/d/')200 ) {201 isError = true;202 err.link_error =203 'Link must start with "https://docs.google.com/document/d/"';204 }205 if (gdoc_link && gdoc_link.length > 200) {206 isError = true;207 err.link_error = 'Link must be less than 200 characters';208 }209 return {isError, err};210};211const interestValidator = interestText => {212 let isError = false;213 let err = {};214 if (!interestText) {215 isError = true;216 err.interestText_error = 'Required';217 } else if (interestText && interestText.length > 2000) {218 isError = true;219 err.interestText_error =220 'Interest statement must be less than 2,000 characters';221 }222 return {isError, err};223};224const interviewScheduledValidator = values => {225 const {interview_date, interview_time} = values;226 let isError = false;227 let err = {};228 if (!interview_date || interview_date.length === 0) {229 isError = true;230 err.interviewDate_error = 'Required';231 } else if (interview_date.toString() === 'Invalid Date') {232 isError = true;233 }234 if (!interview_time || interview_time.length === 0) {235 isError = true;236 err.interviewTime_error = 'Required';237 } else if (interview_time.toString() === 'Invalid Date') {238 isError = true;239 }240 return {isError, err};241};242const contactInfoValidator = values => {243 const {first_name, last_name, email, phone_primary} = values;244 const {245 gender,246 gender_other,247 pronoun,248 pronoun_other,249 hear_about_us,250 hear_about_us_other,251 race,252 } = values.profile;253 const {254 street1,255 city,256 state,257 zip_code,258 country,259 } = values.profile.address_primary;260 let isError = false;261 let err = {};262 function isNumeric(value) {263 return /^-{0,1}\d+$/.test(value);264 }265 if (!first_name) {266 isError = true;267 err.firstName_error = 'Required';268 }269 if (!last_name) {270 isError = true;271 err.lastName_error = 'Required';272 }273 if (!email) {274 isError = true;275 err.email_error = 'Required';276 } else if (email && !validateEmail(email)) {277 isError = true;278 err.email_error = 'Invalid email address';279 }280 if (!phone_primary || phone_primary.replace(/\D/g, '').length < 6) {281 isError = true;282 err.phonePrimary_error = 'Required';283 }284 if (!street1 || street1.length === 0) {285 isError = true;286 err.street1_error = 'Required';287 }288 if (!city || city.length === 0) {289 isError = true;290 err.city_error = 'Required';291 }292 if (!state || state.length === 0) {293 isError = true;294 err.state_error = 'Required';295 }296 if (!zip_code || zip_code.length === 0) {297 isError = true;298 err.zipCode_error = 'Required';299 } else if (!isNumeric(zip_code)) {300 isError = true;301 err.zipCode_error = 'Invalid value. Please enter numbers only';302 } else if (zip_code.length !== 5) {303 isError = true;304 err.zipCode_error = 'Invalid value. Please enter five-digit numbers only';305 }306 if (!country || country.length === 0) {307 isError = true;308 err.country_error = 'Required';309 }310 if (race.not_listed && (!race.race_other || race.race_other.length === 0)) {311 isError = true;312 err.raceOther_error = 'Required';313 }314 if (315 hear_about_us &&316 hear_about_us === 'Other' &&317 (!hear_about_us_other || hear_about_us_other.length === 0)318 ) {319 isError = true;320 err.hearAboutUsOther_error = 'Required';321 }322 if (323 gender &&324 gender === 'Not Listed' &&325 (!gender_other || gender_other.length === 0)326 ) {327 isError = true;328 err.genderOther_error = 'Required';329 }330 if (331 pronoun &&332 pronoun === 'Not Listed' &&333 (!pronoun_other || pronoun_other.length === 0)334 ) {335 isError = true;336 err.pronounOther_error = 'Required';337 }338 return {isError, err};339};340const interestsAndGoalsValidator = values => {341 const {342 job_search_status,343 current_job_status,344 current_edu_status,345 years_exp,346 previous_bcorps_program,347 programs_completed,348 } = values.profile;349 const allValues = Object.values(programs_completed);350 let isError = false;351 let err = {};352 if (!job_search_status || job_search_status.length === 0) {353 isError = true;354 err.jobSearchStatus_error = 'Required';355 }356 if (!current_job_status || current_job_status.length === 0) {357 isError = true;358 err.currentJobStatus_error = 'Required';359 }360 if (!current_edu_status || current_edu_status.length === 0) {361 isError = true;362 err.currentEduStatus_error = 'Required';363 }364 if (!years_exp || years_exp.length === 0) {365 isError = true;366 err.yearsExp_error = 'Required';367 }368 if (369 previous_bcorps_program &&370 previous_bcorps_program === 'Yes' &&371 !allValues.includes(true)372 ) {373 isError = true;374 err.programsCompleted_error = 'Required';375 }376 return {isError, err};377};378const programsAndEligibilityValidator = values => {379 const {program_apps} = values;380 const allValues = Object.values(program_apps).map(381 program => program.is_interested382 );383 allValues.push(values.profile.needs_help_programs);384 let isError = false;385 let err = {};386 if (!allValues.includes(true)) {387 isError = true;388 err.interestedPrograms_error = 'Required';389 }390 return {isError, err};391};392const valueAlignmentValidator = values => {393 const {value_question1, value_question2} = values.profile;394 let isError = false;395 let err = {};396 if (!value_question1 || value_question1.length === 0) {397 isError = true;398 err.valueQuestion1_error = 'Required';399 }400 if (value_question1 && value_question1.length > 1500) {401 isError = true;402 err.valueQuestion1_error =403 'You have reached the maximum limit of 1,500 characters';404 }405 if (!value_question2 || value_question2.length === 0) {406 isError = true;407 err.valueQuestion2_error = 'Required';408 }409 if (value_question2 && value_question2.length > 2500) {410 isError = true;411 err.valueQuestion2_error =412 'You have reached the maximum limit of 2,500 characters';413 }414 return {isError, err};415};416export {417 newProfileValidator,418 experienceValidator,419 opportunityValidator,420 interestValidator,421 interviewScheduledValidator,422 contactInfoValidator,423 interestsAndGoalsValidator,424 programsAndEligibilityValidator,425 valueAlignmentValidator,...

Full Screen

Full Screen

register.js

Source:register.js Github

copy

Full Screen

1import React, { Component } from 'react';2import { Link } from 'react-router-dom';3import Axios from 'axios';4import home from '../images/logo3rm.png';5const regExp = RegExp(6 /^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[A-Za-z]+$/7)8const formValid = ({ isError, ...rest }) => {9 let isValid = false;10 Object.values(isError).forEach(val => {11 if (val.length > 0) {12 isValid = false13 } else {14 isValid = true15 }16 });17 Object.values(rest).forEach(val => {18 if (val === null) {19 isValid = false20 } else {21 isValid = true22 }23 });24 return isValid;25};26class RegisterComponent extends React.Component {27 constructor(props) {28 super(props);29 this.state = {30 fname: '',31 lname: '',32 email: '',33 loginid: '',34 password: '',35 contact: '',36 msgResponse:'',37 logoURL:home,38 isError: {39 fname: '',40 lname: '',41 email: '',42 loginid: '',43 password: '',44 contact: ''45 }46 }47 }48 49 formValChange = e => {50 e.preventDefault();51 const { name, value } = e.target;52 let isError = {... this.state.isError} ;53 switch (name) {54 case "fname":55 isError.fname =56 value.length < 4 ? "Atleast 4 characaters required" : "";57 // this.setState({fname:e.target.value})58 59 break;60 case "lname":61 isError.lname =62 value.length < 4 ? "Atleast 4 characaters required" : "";63 break;64 case "email":65 isError.email = regExp.test(value)66 ? ""67 : "Email address is invalid";68 break;69 case "loginid":70 isError.loginid =71 value.length < 5 ? "Atleast 5 characaters required" : "";72 break;73 case "password":74 isError.password =75 value.length < 6 ? "Atleast 6 characaters required" : "";76 break;77 case "contact":78 isError.contact =79 value.length < 10 ? "Atleast 10 characaters required" : "";80 break;81 default:82 break;83 }84 this.setState({85 isError,86 [name]: value87 88 })89 90 };91 onSubmit = e => {92 e.preventDefault();93 if (formValid(this.state)) {94 console.log(this.state)95 96 } else {97 console.log("Form is invalid!");98 }99 this.saveUser()100 };101 saveUser=()=>{102 let requestbody={103 "firstname":this.state.fname,104 "lastname":this.state.lname,105 "email":this.state.email,106 "loginid":this.state.loginid,107 "password":this.state.password,108 "contact":this.state.contact109 }110 111 112 Axios.post('http://localhost:9511/api/v1/user/register', requestbody)113 .then(response => {114 console.log(response);115 this.props.history.push('/login')116 }, error => {117 console.log(error)118 this.setState({ msgResponse: "enter valid credentials.." })119 })120 }121 render() {122 const isError = {... this.state.isError} ;123 124 return (125 <div>126 <div className="data">127 <img src={this.state.logoURL} style={{width:200,marginTop:30,alignSelf:'center'}} />128 <h2 style={{marginLeft:126,marginTop:-45,color:"whitesmoke"}}><i><b>Tweet</b></i></h2>129 <h3 style={{marginLeft:50,color:"whitesmoke"}}>Post <b>Here!!</b> Share your <b>Thoughts!!</b></h3>130 </div>131 <div id="box">132 <h3 align="center">Register Here!!!</h3><br></br>133 <form onSubmit={this.onSubmit} noValidate>134 <div class="form-group row">135 <label class="col-sm-4">Firstname</label>136 <div class="col-sm-8">137 <input type="text" 138 className={isError.fname.length > 0 ? "is-invalid form-control" : "form-control"} 139 name="fname" placeholder="Firstname" onChange={this.formValChange}/>140 {isError.fname.length > 0 && (141 <span className="invalid-feedback">{isError.fname}</span>)}142 </div>143 </div>144 <div class="form-group row">145 <label class="col-sm-4">Lastname</label>146 <div class="col-sm-8">147 <input type="text"148 className={isError.lname.length >0 ? "is-invalid form-control" : "form-control"} 149 name="lname" placeholder="Lastname" onChange={this.formValChange} />150 {isError.lname.length > 0}<span className="invalid-feedback">{isError.lname}</span>151 </div>152 </div>153 <div class="form-group row">154 <label class="col-sm-4">Email</label>155 <div class="col-sm-8">156 <input type="email"157 className={isError.email.length > 0 ? "is-invalid form-control" : "form-control"}158 name="email" placeholder="Email"159 onChange={this.formValChange} />160 {isError.email.length > 0}161 <span className="invalid-feedback">{isError.email}</span>162 163 </div>164 </div>165 <div class="form-group row">166 <label class="col-sm-4">LoginID</label>167 <div class="col-sm-8">168 <input type="text" 169 className={isError.loginid.length > 0 ? "is-invalid form-control" : "form-control"}170 name="loginid" placeholder="LoginID" onChange={this.formValChange} />171 {isError.loginid.length>0} <span className="invalid-feedack">{isError.loginid}</span> 172 </div>173 </div>174 <div class="form-group row">175 <label class="col-sm-4">Password</label>176 <div class="col-sm-8">177 <input type="password" 178 className={isError.password.length>0 ? "is-invalid form-control": "form-control"} 179 name="password" placeholder="Password" onChange={this.formValChange}/>180 {isError.password.length > 0 && (181 <span className="invalid-feedback">{isError.password}</span>)}182 </div>183 </div>184 <div class="form-group row">185 <label class="col-sm-4" >ContactNumber</label>186 <div class="col-sm-8">187 <input type="number" 188 className={isError.contact.length>0 ? "is-invalid form-control":"form-control"}189 name="contact" placeholder="Contactnumber" onChange={this.formValChange} />190 {isError.contact.length>0}<span className="invalid-feedback">{isError.contact}</span>191 </div>192 </div>193 <button type="submit" className="btn btn-primary btn-lg btn-block">Register</button>194 <span style={{ color: "red", marginLeft: "20px" }}>{this.state.msgResponse}</span>195 <p className="forgot-password text-right">196 <Link to='/login' id="reg">Already a member,login here..</Link>197 </p>198 </form>199 </div>200 </div> 201 );202 }203}...

Full Screen

Full Screen

SignUp.js

Source:SignUp.js Github

copy

Full Screen

1import React, { Component } from 'react';2// router-dom3import { Link } from 'react-router-dom';4// css5import './SignUp.css';6// 유효성 정규식7const regId = /^[a-z0-9]{4,12}$/;8const regNick = /^[가-힣A-Za-z0-9]{4,12}$/;9const regMail = RegExp(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[A-Za-z]+$/);10// 유효성 검사11// 에러가 있으면 발생12const formValid = (isError) => {13 let isValid = true;14 Object.values(isError).forEach((val) => val.length > 0 && (isValid = false));15 return isValid;16};17// 빈칸이 있으면 발생18const blankValid = ({ isError, ...rest }) => {19 let isValid = true;20 Object.values(rest).forEach((val) => val === '' && (isValid = false));21 return isValid;22};23class SignUp extends Component {24 constructor() {25 super();26 this.state = {27 nickname: '',28 email: '',29 id: '',30 password: '',31 password2: '',32 // formValid: false,33 // errorCount: null,34 isError: {35 nickname: '',36 email: '',37 id: '',38 password: '',39 password2: '',40 },41 };42 }43 onSubmit = (e) => {44 e.preventDefault();45 // if (validateForm(this.state.isError)) {46 // console.log(this.state);47 // } else {48 // console.log('sorry');49 // }50 // this.setState({ formValid: validateForm(this.state.isError) });51 // this.setState({ errorCount: countErrors(this.state.isError) });52 if (formValid(this.state.isError) && blankValid(this.state)) {53 console.log(this.state);54 } else {55 console.log('Form is invalid!');56 }57 // if (blankValid(this.state)) {58 // console.log(this.state);59 // } else {60 // console.log('Sorry!');61 // }62 };63 formValChange = (e) => {64 e.preventDefault();65 const { name, value } = e.target;66 let isError = { ...this.state.isError };67 switch (name) {68 case 'nickname':69 isError.nickname = regNick.test(value)70 ? ''71 : '닉네임은 4~12자의 한글, 영문, 숫자 조합입니다.';72 break;73 case 'email':74 isError.email = regMail.test(value)75 ? ''76 : '이메일 형식이 올바르지 않습니다.';77 break;78 case 'id':79 // isError.id = value.length < 4 ? '아이디는 4자 이상 입력해주세요.' : '';80 isError.id = regId.test(value)81 ? ''82 : '아이디는 4~12자의 영문과 숫자로만 입력 가능합니다.';83 break;84 case 'password':85 isError.password =86 value.length < 6 ? '비밀번호는 6자 이상이어야 합니다.' : '';87 if (value.length >= 6) {88 this.setState({ password: value });89 // console.log(this.state.password);90 }91 isError.password2 =92 value !== this.state.password2 ? '비밀번호가 일치하지 않습니다.' : '';93 break;94 case 'password2':95 isError.password2 =96 value !== this.state.password ? '비밀번호가 일치하지 않습니다.' : '';97 // if (value === this.state.password) {98 this.setState({ password2: value });99 // }100 break;101 default:102 break;103 }104 this.setState({105 isError,106 [name]: value,107 });108 };109 render() {110 const { isError } = this.state;111 return (112 <div className="regibox">113 <div className="d-flex justify-content-center">114 <h3>회원가입 화면입니다.</h3>115 </div>116 <form onSubmit={this.onSubmit} noValidate>117 <div className="form-group">118 <label>아이디</label>119 <input120 type="text"121 className={122 isError.id.length > 0123 ? 'is-invalid form-control'124 : 'form-control'125 }126 name="id"127 onChange={this.formValChange}128 />129 {isError.id.length > 0 && (130 <span className="invalid-feedback">{isError.id}</span>131 )}132 </div>133 <div className="form-group">134 <label>비밀번호</label>135 <input136 type="password"137 className={138 isError.password.length > 0139 ? 'is-invalid form-control'140 : 'form-control'141 }142 name="password"143 onChange={this.formValChange}144 />145 {isError.password.length > 0 && (146 <span className="invalid-feedback">{isError.password}</span>147 )}148 </div>149 <div className="form-group">150 <label>비밀번호 확인</label>151 <input152 type="password"153 className={154 isError.password2.length > 0155 ? 'is-invalid form-control'156 : 'form-control'157 }158 name="password2"159 onChange={this.formValChange}160 />161 {isError.password2.length > 0 && (162 <span className="invalid-feedback">{isError.password2}</span>163 )}164 </div>165 <div className="form-group">166 <label>닉네임</label>167 <input168 type="text"169 className={170 isError.nickname.length > 0171 ? 'is-invalid form-control'172 : 'form-control'173 }174 name="nickname"175 onChange={this.formValChange}176 />177 {isError.nickname.length > 0 && (178 <span className="invalid-feedback">{isError.nickname}</span>179 )}180 </div>181 <div className="form-group">182 <label>이메일</label>183 <input184 type="email"185 className={186 isError.email.length > 0187 ? 'is-invalid form-control'188 : 'form-control'189 }190 name="email"191 onChange={this.formValChange}192 />193 {isError.email.length > 0 && (194 <span className="invalid-feedback">{isError.email}</span>195 )}196 </div>197 <button type="submit" className="create-btn">198 작성 완료199 </button>200 <Link201 to="/"202 style={{ textDecoration: 'none', color: 'white', width: '100%' }}203 >204 <button type="submit" className="regiback-btn">205 뒤로206 </button>207 </Link>208 </form>209 </div>210 );211 }212}...

Full Screen

Full Screen

index.js

Source:index.js Github

copy

Full Screen

1import React, { useState } from 'react';2import { StyleSheet, View } from 'react-native';3import {4 HelperText,5 Text,6 TextInput,7 Snackbar,8 ActivityIndicator,9} from 'react-native-paper';10import { useDispatch, useSelector } from 'react-redux';11import { color, fontConfig } from '../../assets';12import { BaseButton, BaseTextInput } from '../../components';13import { clearErrorAuth, registerAsync } from '../../redux/authReducer/actions';14const SignUpScreen = ({ navigation }) => {15 const dispatch = useDispatch();16 const authReducer = useSelector(state => state.authReducer);17 const [state, setState] = useState({18 name: '',19 username: '',20 email: '',21 password: '',22 showPassword: false,23 iconPassword: 'eye',24 errors: {25 name: {26 message: 'Name cannot be empty',27 isError: false,28 },29 username: {30 message: 'Username cannot be empty',31 isError: false,32 },33 email: {34 message: 'Invalid email, Here is a hint: bernard@gmail.com',35 isError: false,36 },37 password: {38 message: 'Password cannot be empty',39 isError: false,40 },41 },42 });43 const _handleTogglePassword = () => {44 setState({45 ...state,46 showPassword: !state.showPassword,47 iconPassword: state.showPassword ? 'eye' : 'eye-off',48 });49 };50 const onChangeText = (target, e) => {51 setState({ ...state, [target]: e });52 };53 const _handleSubmitRegister = () => {54 const copyState = { ...state };55 copyState.errors.name.isError = false;56 copyState.errors.username.isError = false;57 copyState.errors.email.isError = false;58 copyState.errors.password.isError = false;59 if (state.name === '') {60 copyState.errors.name.isError = true;61 }62 if (state.username === '') {63 copyState.errors.username.isError = true;64 }65 if (!state.email.includes('@')) {66 copyState.errors.email.isError = true;67 }68 if (state.password === '') {69 copyState.errors.password.isError = true;70 }71 setState(copyState);72 if (73 !state.errors.name.isError &&74 !state.errors.username.isError &&75 !state.errors.email.isError &&76 !state.errors.password.isError77 ) {78 dispatch(79 registerAsync(state.name, state.username, state.email, state.password),80 );81 }82 };83 return (84 <View style={styles.container}>85 <View style={styles.signUpTitleWrapper}>86 <Text style={styles.signUpTitleHeadingText}>87 GLiVE Account Registration88 </Text>89 <Text style={styles.signUpTitleSubHeadingText}>90 Please fill in the field below :)91 </Text>92 </View>93 <View style={styles.signUpFormWrapper}>94 <View style={styles.signUpFormControl}>95 <BaseTextInput96 mode="outlined"97 label="Name"98 onChangeText={e => onChangeText('name', e)}99 isError={state.errors.name.isError}>100 <HelperText101 type="error"102 theme={{ colors: { error: color.yellow } }}103 visible={state.errors.name.isError}>104 {state.errors.name.message}105 </HelperText>106 </BaseTextInput>107 </View>108 <View style={styles.signUpFormControl}>109 <BaseTextInput110 mode="outlined"111 label="Username"112 onChangeText={e => onChangeText('username', e)}113 value={state.username}114 isError={state.errors.username.isError}>115 <HelperText116 type="error"117 theme={{ colors: { error: color.yellow } }}118 visible={state.errors.username.isError}>119 {state.errors.username.message}120 </HelperText>121 </BaseTextInput>122 </View>123 <View style={styles.signUpFormControl}>124 <BaseTextInput125 mode="outlined"126 label="Email"127 onChangeText={e => onChangeText('email', e)}128 value={state.email}129 isError={state.errors.email.isError}>130 <HelperText131 type="error"132 theme={{ colors: { error: color.yellow } }}133 visible={state.errors.email.isError}>134 {state.errors.email.message}135 </HelperText>136 </BaseTextInput>137 </View>138 <View style={styles.signUpFormControl}>139 <BaseTextInput140 mode="outlined"141 label="Password"142 secureTextEntry={!state.showPassword}143 isError={state.errors.password.isError}144 onChangeText={e => onChangeText('password', e)}145 iconPosition="right"146 icon={147 <TextInput.Icon148 name={state.iconPassword}149 color={color.grayLine}150 onPress={() => _handleTogglePassword()}151 />152 }>153 <HelperText154 type="error"155 theme={{ colors: { error: color.yellow } }}156 visible={state.errors.password.isError}>157 {state.errors.password.message}158 </HelperText>159 </BaseTextInput>160 </View>161 </View>162 <View style={styles.signUpButton}>163 <View>164 <BaseButton165 mode="contained"166 uppercase={false}167 size="medium"168 onPress={() => _handleSubmitRegister()}>169 Register170 </BaseButton>171 <Text172 onPress={() => navigation.navigate('SignIn')}173 style={styles.textInformation}>174 Already have account? <Text>Sign In Now</Text>175 </Text>176 </View>177 <ActivityIndicator178 size={36}179 animating={authReducer.isLoading}180 color={color.white}181 />182 </View>183 <Snackbar184 visible={authReducer.isError}185 duration={700}186 onDismiss={() => ({})}187 action={{188 label: 'Close',189 onPress: () => {190 dispatch(clearErrorAuth());191 },192 }}>193 <Text>{authReducer.errorMessages}</Text>194 </Snackbar>195 </View>196 );197};198export default SignUpScreen;199const styles = StyleSheet.create({200 container: {201 flex: 1,202 marginHorizontal: 16,203 },204 signUpTitleWrapper: {205 marginTop: 24,206 },207 signUpTitleHeadingText: fontConfig.fontStylesheet.h5,208 signUpTitleSubHeadingText: fontConfig.fontStylesheet.body1,209 signUpFormWrapper: {210 marginVertical: 24,211 },212 signUpFormControl: {213 marginBottom: 5,214 },215 signUpButton: {216 height: 160,217 flexDirection: 'column',218 justifyContent: 'space-between',219 },220 textInformation: {221 ...fontConfig.fontStylesheet.body2,222 color: color.yellow,223 marginTop: 18,224 textAlign: 'center',225 },...

Full Screen

Full Screen

CustomValidators.js

Source:CustomValidators.js Github

copy

Full Screen

1// used to check if the given field is required2export const validateRequired = (inputValue) => {3 return inputValue.trim() === '';4};5// used to validate the minLength of the given field6export const validateMinLength = (inputValue, number) => {7 let isError = false;8 if (inputValue.trim().length === 0) {9 isError = false;10 } else if (inputValue.trim().length < number) {11 isError = true;12 }13 return isError;14};15// used to validate the maxLength of the given field16export const validateMaxLength = (inputValue, number) => {17 let isError = false;18 if (inputValue.trim().length === 0) {19 isError = false;20 } else if (inputValue.trim().length > number) {21 isError = true;22 }23 return isError;24};25// used to validate the given url26export const validateUrl = (inputValue) => {27 let isError = false;28 if (inputValue.trim().length === 0) {29 isError = false;30 } else if (31 !/^(https?:\/\/)?(www.)[a-z0-9]+(\.[a-z]{2,}){1,3}(#?\/?[a-zA-Z0-9#]+)*\/?(\?[a-zA-Z0-9-_]+=[a-zA-Z0-9-%]+&?)?$/.test(32 inputValue.trim()33 )34 ) {35 isError = true;36 }37 return isError;38};39// used to validate regEx40export const validateRegEx = (inputValue, regEx) => {41 let isError = false;42 if (inputValue.trim().length === 0) {43 isError = false;44 } else if (!regEx.test(inputValue.trim())) {45 isError = true;46 }47 return isError;48};49// used to check if number50export const validateNumber = (inputValue) => {51 let isError = false;52 if (inputValue.trim().length === 0) {53 isError = false;54 } else if (!/^[0-9]*$/.test(inputValue.trim())) {55 isError = true;56 }57 return isError;58};59// used to check if character60export const validateChar = (inputValue) => {61 let isError = false;62 if (inputValue.trim().length === 0) {63 isError = false;64 } else if (!/^[a-zA-Z\s]*$/.test(inputValue.trim())) {65 isError = true;66 }67 return isError;68};69// used to check alpha numeric with dots (.)70export const validateAlphaNumeric = (inputValue) => {71 let isError = false;72 if (inputValue.trim().length === 0) {73 isError = false;74 } else if (!/^[a-zA-Z0-9.]*$/.test(inputValue.trim())) {75 isError = true;76 }77 return isError;78};79export const validateEmail = (inputValue) => {80 let isError = false;81 if (inputValue.trim().length === 0) {82 isError = false;83 } else if (84 !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(85 inputValue.trim()86 )87 ) {88 isError = true;89 }90 return isError;91};92// used to validate link93export const validateLink = (inputValue) => {94 let isError = false;95 if (inputValue.trim().length === 0) {96 isError = false;97 } else if (98 !/(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/.test(99 inputValue.trim()100 )101 ) {102 isError = true;103 }104 return isError;...

Full Screen

Full Screen

is.js

Source:is.js Github

copy

Full Screen

1"use strict";2var assert = require("chai").assert3 , isError = require("../../error/is");4describe("error/is", function () {5 it("Should return true on error", function () { assert.equal(isError(new Error()), true); });6 it("Should return false on native error with no common API exposed", function () {7 var value = new Error();8 value.message = null;9 assert.equal(isError(value), false);10 });11 it("Should return false on Error.prototype", function () {12 assert.equal(isError(Error.prototype), false);13 });14 if (typeof Object.create === "function") {15 it("Should return true on custom built ES5 era error", function () {16 var CustomEs5Error = function () { Error.call(this); };17 CustomEs5Error.prototype = Object.create(Error.prototype);18 assert.equal(isError(new CustomEs5Error()), true);19 });20 it("Should return false on object with no prototype", function () {21 assert.equal(isError(Object.create(null)), false);22 });23 }24 it("Should return false on plain object", function () { assert.equal(isError({}), false); });25 it("Should return false on function", function () {26 assert.equal(isError(function () { return true; }), false);27 });28 it("Should return false on array", function () { assert.equal(isError([]), false); });29 it("Should return false on string", function () { assert.equal(isError("foo"), false); });30 it("Should return false on empty string", function () { assert.equal(isError(""), false); });31 it("Should return false on number", function () { assert.equal(isError(123), false); });32 it("Should return false on NaN", function () { assert.equal(isError(NaN), false); });33 it("Should return false on boolean", function () { assert.equal(isError(true), false); });34 if (typeof Symbol === "function") {35 it("Should return false on symbol", function () {36 assert.equal(isError(Symbol("foo")), false);37 });38 }39 it("Should return false on null", function () { assert.equal(isError(null), false); });40 it("Should return false on undefined", function () { assert.equal(isError(void 0), false); });...

Full Screen

Full Screen

isError.test.js

Source:isError.test.js Github

copy

Full Screen

...12describe('isError', function () {13 it('should return `true` for error objects', function () {14 var expected = map(errors, stubTrue);15 var actual = map(errors, function (error) {16 return isError(error) === true;17 });18 assert.deepStrictEqual(actual, expected);19 });20 it('should return `true` for subclassed values', function () {21 assert.strictEqual(isError(new CustomError('x')), true);22 });23 it('should return `false` for non error objects', function () {24 var expected = map(falsey, stubFalse);25 var actual = map(falsey, function (value, index) {26 return index ? isError(value) : isError();27 });28 assert.deepStrictEqual(actual, expected);29 assert.strictEqual(isError(args), false);30 assert.strictEqual(isError([1, 2, 3]), false);31 assert.strictEqual(isError(true), false);32 assert.strictEqual(isError(new Date()), false);33 assert.strictEqual(isError(_), false);34 assert.strictEqual(isError(slice), false);35 assert.strictEqual(isError({ 'a': 1 }), false);36 assert.strictEqual(isError(1), false);37 assert.strictEqual(isError(/x/), false);38 assert.strictEqual(isError('a'), false);39 });40 it('should return `false` for plain objects', function () {41 assert.strictEqual(isError({ 'name': 'Error', 'message': '' }), false);42 });...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1describe('My First Test', function() {2 it('Does not do much!', function() {3 expect(true).to.equal(true)4 })5 it('Test Error', function() {6 expect(true).to.equal(false)7 })8 it('Test Error', function() {9 expect({}).to.equal({})10 })11})12describe('My First Test', function() {13 it('Does not do much!', function() {14 expect(true).to.equal(true)15 })16 it('Test Error', function() {17 expect(true).to.equal(false)18 })19 it('Test Error', function() {20 expect({}).to.equal({})21 })22})23describe('My First Test', function() {24 it('Does not do much!', function() {25 expect(true).to.equal(true)26 })27 it('Test Error', function() {28 expect(true).to.equal(false)29 })30 it('Test Error', function() {31 expect({}).to.equal({})32 })33})34describe('My First Test', function() {35 it('Does not do much!', function() {36 expect(true).to.equal(true)37 })38 it('Test Error', function() {39 expect(true).to.equal(false)40 })41 it('Test Error', function() {42 expect({}).to.equal({})43 })44})45describe('My First Test', function() {46 it('Does not do much!', function() {47 expect(true).to.equal(true)48 })49 it('Test Error', function() {50 expect(true).to.equal(false)51 })52 it('Test Error', function() {53 expect({}).to.equal({})54 })55})56describe('My First Test', function() {57 it('Does not do much!', function() {58 expect(true).to.equal(true)59 })60 it('Test Error', function() {61 expect(true).to.equal(false)62 })63 it('Test Error', function() {64 expect({}).to.equal({})65 })66})67describe('My First Test', function() {68 it('Does not do much!', function() {69 expect(true).to.equal(true)70 })71 it('Test Error', function

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1it('should return true if an error is thrown', () => {2 cy.on('uncaught:exception', (err, runnable) => {3 expect(err.message).to.include('something about the error')4 })5 cy.get('.query-btn').click()6})7Cypress.on('uncaught:exception', (err, runnable) => {8 expect(err.message).to.include('something about the error')9})10describe('My First Test', () => {11 it('Does not do much!', () => {12 cy.contains('type').click()13 })14})15Cypress.on('uncaught:exception', (err, runnable) => {16 expect(err.message).to.include('something about the error')17})18Cypress.config('ignoreTestFiles', '**/ignore.js')19describe('My First Test', () => {20 it('Does not do much!', () => {21 cy.contains('type').click()22 })23})24Cypress.on('uncaught:exception', (err, runnable) => {25 expect(err.message).to.include('something about the error')26})27Cypress.config('ignoreTestFiles', '**/ignore.js')28describe('My First Test', () => {29 it('Does not do much!', () => {30 cy.contains('type').click()31 })32})33Cypress.on('uncaught:exception', (err, runnable) => {34 expect(err.message).to.include('something about the error')35})36Cypress.config('ignoreTestFiles', '**/ignore.js')37describe('My First Test', () => {38 it('Does not do much!', () => {39 cy.contains('type').click()40 })41})42Cypress.on('uncaught:exception', (err, runnable) => {43 expect(err.message).to.include('something about the error')44})

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1it('should fail', () => {2 cy.wrap({ name: 'Jane' }).should('have.property', 'age')3 })4 it('should fail', () => {5 cy.wrap({ name: 'Jane' }).should('have.property', 'name')6 })7 it('should fail', () => {8 cy.wrap({ name: 'Jane' }).should('have.property', 'age')9 })10 it('should fail', () => {11 cy.wrap({ name: 'Jane' }).should('have.property', 'name')12 })13 it('should fail', () => {14 cy.wrap({ name: 'Jane' }).should('have.property', 'age')15 })16 it('should fail', () => {17 cy.wrap({ name: 'Jane' }).should('have.property', 'name')18 })19 it('should fail', () => {20 cy.wrap({ name: 'Jane' }).should('have.property', 'age')21 })22 it('should fail', () => {23 cy.wrap({ name: 'Jane' }).should('have.property', 'name')24 })25 it('should fail', () => {26 cy.wrap({ name: 'Jane' }).should('have.property', 'age')27 })28 it('should fail', () => {29 cy.wrap({ name: 'Jane' }).should('have.property', 'name')30 })31 it('should fail', () => {32 cy.wrap({ name: 'Jane' }).should('have.property', 'age')33 })34 it('should fail', () => {35 cy.wrap({ name: 'Jane' }).should('have.property', 'name')36 })37 it('should fail', () => {38 cy.wrap({ name: 'Jane' }).should('have.property', 'age')39 })40 it('should fail', () => {41 cy.wrap({ name: 'Jane' }).should('have.property', 'name')42 })43 it('should fail', () => {44 cy.wrap({ name: 'Jane' }).should('have.property', 'age')45 })46 it('should fail', () => {47 cy.wrap({ name: 'Jane' }).should('have.property', 'name')48 })49 it('should fail', () => {50 cy.wrap({ name: 'Jane' }).should('have.property', 'age')51 })52 it('should fail', ()

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1it("Should display error message", () => {2 cy.get("button").click();3 cy.get("div.error").should("be.visible");4 cy.get("div.error").should("contain", "Error message");5 cy.get("div.error").should(($div) => {6 expect($div).to.have.class("error");7 expect($div).to.contain("Error message");8 expect($div).to.have.css("color", "rgb(255, 0, 0)");9 });10});11describe("Test", () => {12 it("Should display error message", () => {13 cy.get("button").click();14 cy.get("div.error").should("be.visible");15 cy.get("div.error").should("contain", "Error message");16 cy.get("div.error").should(($div) => {17 expect($div).to.have.class("error");18 expect($div).to.contain("Error message");19 expect($div).to.have.css("color", "rgb(255, 0, 0)");20 });21 });22});23context("Test", () => {24 it("Should display error message", () => {25 cy.get("button").click();26 cy.get("div.error").should("be.visible");27 cy.get("div.error").should("contain", "Error message");28 cy.get("div.error").should(($div) => {29 expect($div).to.have.class("error");30 expect($div).to.contain("Error message");31 expect($div).to.have.css("color", "rgb(255, 0, 0)");32 });33 });34});35describe("Test", () => {36 context("Test", () => {37 it("Should display error message", () => {38 cy.get("button").click();39 cy.get("div.error").should("be.visible");40 cy.get("div.error").should("contain", "Error message");

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1it('should have an error', () => {2 cy.get('input').type('a')3 cy.get('button').click()4 cy.contains('error').should('be.visible')5 cy.contains('error').should('have.class', 'error')6 cy.contains('error').should('have.css', 'color', 'rgb(255, 0, 0)')7 cy.contains('error').should('have.css', 'font-size', '14px')8 cy.contains('error').should('have.css', 'font-weight', '700')9 cy.contains('error').should('have.css', 'font-family', 'sans-serif')10 cy.contains('error').should('have.css', 'padding', '10px')11 cy.contains('error').should('have.css', 'background-color', 'rgb(255, 0, 0)')12 cy.contains('error').should('have.css', 'color', 'rgb(255, 0, 0)')13 cy.contains('error').should('have.css', 'border-radius', '5px')14 cy.contains('error').should('have.css', 'position', 'absolute')15 cy.contains('error').should('have.css', 'top', '0px')16 cy.contains('error').should('have.css', 'left', '0px')17 cy.contains('error').should('have.css', 'right', '0px')18 cy.contains('error').should('have.css', 'text-align', 'center')19})20Cypress.Commands.add('isError', (message) => {21 cy.contains('error').should('be.visible')22 cy.contains('error').should('have.class', 'error')23 cy.contains('error').should('have.css', 'color', 'rgb(255, 0, 0)')24 cy.contains('error').should('have.css', 'font-size', '14px')25 cy.contains('error').should('have.css', 'font-weight', '700')26 cy.contains('error').should('have.css', 'font-family', 'sans-serif')27 cy.contains('error').should('have.css', 'padding', '10px')28 cy.contains('error').should('have.css', 'background-color', 'rgb(255, 0

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1it('Verify if the error message is displayed', function() {2 cy.get('.gLFyf.gsfi').type('selenium')3 cy.get('.FPdoLc.VlcLAe > center > .gNO89b').click()4 cy.get('#rso > .g > .rc > .r > a > h3').click()5 cy.get('#rso > .g > .rc > .r > a > h3').should(($p) => {6 expect($p).to.have.length(10)7 })8 cy.get('#rso > .g > .rc > .r > a > h3').should(($p) => {9 expect($p).to.have.length(11)10 })11})12it('Verify if the error message is displayed', function() {13 cy.get('.gLFyf.gsfi').type('selenium')14 cy.get('.FPdoLc.VlcLAe > center > .gNO89b').click()15 cy.get('#rso > .g > .rc > .r > a > h3').click()16 cy.get('#rso > .g > .rc > .r > a > h3').should(($p) => {17 expect($p).to.have.length(10)18 })19 cy.get('#rso > .g > .rc > .r > a > h3').should(($p) => {20 expect($p).to.have.length(11)21 })22})23it('Verify if the error message is displayed', function() {24 cy.get('.gLFyf.gsfi').type('selenium')25 cy.get('.FPdoLc.VlcLAe > center > .gNO89b').click()26 cy.get('#rso > .g > .rc > .r > a > h3').click()27 cy.get('#rso > .g > .rc > .r > a > h3').should(($p) => {28 expect($p).to.have.length(10)29 })30 cy.get('#rso > .g > .rc > .r > a > h3').should(($

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1it('Test Error', () => {2 cy.get('input[name="q"]').type('Cypress')3 cy.get('input[name="btnK"]').click()4 cy.get('input[name="btnK"]').should('be.visible')5 cy.get('input[name="btnK"]').should('be.visible').click()6 cy.get('div#resultStats').should('be.visible')7 cy.get('div#resultStats').should('be.visible').then(($div) => {8 let str = $div.text()9 cy.log(str)10 const res = str.includes('About')11 cy.log(res)12 if (res) {13 cy.log('This is the expected result')14 }15 else {16 cy.log('This is unexpected result')17 cy.isError()18 }19 })20})21it('Test Error', () => {22 cy.get('input[name="q"]').type('Cypress')23 cy.get('input[name="btnK"]').click()24 cy.get('input[name="btnK"]').should('be.visible')25 cy.get('input[name="btnK"]').should('be.visible').click()26 cy.get('div#resultStats').should('be.visible')27 cy.get('div#resultStats').should('be.visible').then(($div) => {28 let str = $div.text()29 cy.log(str)30 const res = str.includes('About')31 cy.log(res)32 if (res) {33 cy.log('This is the expected result')34 }35 else {36 cy.log('This is unexpected result')37 cy.isError()38 }39 })40})41it('Test Error', () => {42 cy.get('input[name="q"]').type('Cypress')43 cy.get('input[name="btnK"]').click()44 cy.get('input[name="btnK"]').should('be.visible')45 cy.get('input[name="btnK"]').should('be.visible').click()46 cy.get('div#resultStats').should('be.visible')47 cy.get('div#resultStats').should('be.visible').then(($div) => {48 let str = $div.text()49 cy.log(str)

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1describe('Cypress Error', () => {2 it('should throw error', () => {3 const obj = { name: 'John' }4 expect(obj).to.have.property('age')5 })6 it('should throw error', () => {7 const obj = { name: 'John' }8 expect(obj).to.have.property('age')9 })10})11describe('Cypress Error', () => {12 it('should throw error', () => {13 const obj = { name: 'John' }14 expect(obj).to.have.property('age')15 })16 it('should throw error', () => {17 const obj = { name: 'John' }18 expect(obj).to.have.property('age')19 })20})21describe('Cypress Error', () => {22 it('should throw error', () => {23 const obj = { name: 'John' }24 expect(obj).to.have.property('age')25 })26 it('should throw error', () => {27 const obj = { name: 'John' }28 expect(obj).to.have.property('age')29 })30})31describe('Cypress Error', () => {32 it('should throw error', () => {33 const obj = { name: 'John' }34 expect(obj).to.have.property('age')35 })36 it('should throw error', () => {37 const obj = { name: 'John' }38 expect(obj).to.have.property('age')39 })40})41describe('Cypress Error', () => {42 it('should throw error', () => {43 const obj = { name: 'John' }44 expect(obj).to.have.property('age')45 })46 it('should throw error', () => {47 const obj = { name: 'John' }48 expect(obj).to.have.property('age')49 })50})51describe('Cypress Error', () => {52 it('should throw error', () => {53 const obj = { name: 'John' }54 expect(obj).to.have.property('age')55 })56 it('should throw error', () => {57 const obj = { name: 'John' }58 expect(obj).to.have.property('age')

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1it('is an error', () => {2 expect(() => {3 throw new Error('new error')4 }).to.throw()5 expect(() => {6 throw new Error('new error')7 }).to.throw(Error)8 expect(() => {9 throw new Error('new error')10 }).to.throw(Error, 'new error')11 expect(() => {12 throw new Error('new error')13 }).to.throw(Error, /error/)14 expect(() => {15 throw new Error('new error')16 }).to.throw(Error, /error/).with.property('stack')17 expect(() => {18 throw new TypeError('new error')19 }).to.throw(Error, /error/).with.property('stack')20 expect(() => {21 throw new TypeError('new error')22 }).to.throw(TypeError, /error/).with.property('stack')23})24it('is false', () => {25 expect(false).to.be.false26 expect(false).to.be.not.true27})28it('is a function', () => {29 expect(() => {}).to.be.a('function')30 expect(() => {}).to.be.an('function')31 expect(() => {}).to.be.a('Function')32 expect(() => {}).to.be.an('Function')33 expect(() => {}).to.be.a('function')34 expect(() => {}).to.be.an('function')35})36it('is

Full Screen

Full Screen

Cypress Tutorial

Cypress is a renowned Javascript-based open-source, easy-to-use end-to-end testing framework primarily used for testing web applications. Cypress is a relatively new player in the automation testing space and has been gaining much traction lately, as evidenced by the number of Forks (2.7K) and Stars (42.1K) for the project. LambdaTest’s Cypress Tutorial covers step-by-step guides that will help you learn from the basics till you run automation tests on LambdaTest.

Chapters:

  1. What is Cypress? -
  2. Why Cypress? - Learn why Cypress might be a good choice for testing your web applications.
  3. Features of Cypress Testing - Learn about features that make Cypress a powerful and flexible tool for testing web applications.
  4. Cypress Drawbacks - Although Cypress has many strengths, it has a few limitations that you should be aware of.
  5. Cypress Architecture - Learn more about Cypress architecture and how it is designed to be run directly in the browser, i.e., it does not have any additional servers.
  6. Browsers Supported by Cypress - Cypress is built on top of the Electron browser, supporting all modern web browsers. Learn browsers that support Cypress.
  7. Selenium vs Cypress: A Detailed Comparison - Compare and explore some key differences in terms of their design and features.
  8. Cypress Learning: Best Practices - Take a deep dive into some of the best practices you should use to avoid anti-patterns in your automation tests.
  9. How To Run Cypress Tests on LambdaTest? - Set up a LambdaTest account, and now you are all set to learn how to run Cypress tests.

Certification

You can elevate your expertise with end-to-end testing using the Cypress automation framework and stay one step ahead in your career by earning a Cypress certification. Check out our Cypress 101 Certification.

YouTube

Watch this 3 hours of complete tutorial to learn the basics of Cypress and various Cypress commands with the Cypress testing at LambdaTest.

Run Cypress automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful