Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use use method in frisby

Best JavaScript code snippet using frisby

auto-imports.d.ts

Source:auto-imports.d.ts

1// Generated by 'unplugin-auto-import'2// We suggest you to commit this file into source control3declare global {4  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']5  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']6  const biSyncRef: typeof import('@vueuse/core')['biSyncRef']7  const computed: typeof import('vue')['computed']8  const computedInject: typeof import('@vueuse/core')['computedInject']9  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']10  const controlledRef: typeof import('@vueuse/core')['controlledRef']11  const createApp: typeof import('vue')['createApp']12  const createEventHook: typeof import('@vueuse/core')['createEventHook']13  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']14  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']15  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']16  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']17  const customRef: typeof import('vue')['customRef']18  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']19  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']20  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']21  const defineComponent: typeof import('vue')['defineComponent']22  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']23  const effectScope: typeof import('vue')['effectScope']24  const EffectScope: typeof import('vue')['EffectScope']25  const extendRef: typeof import('@vueuse/core')['extendRef']26  const getCurrentInstance: typeof import('vue')['getCurrentInstance']27  const getCurrentScope: typeof import('vue')['getCurrentScope']28  const h: typeof import('vue')['h']29  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']30  const inject: typeof import('vue')['inject']31  const isDefined: typeof import('@vueuse/core')['isDefined']32  const isReadonly: typeof import('vue')['isReadonly']33  const isRef: typeof import('vue')['isRef']34  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']35  const markRaw: typeof import('vue')['markRaw']36  const nextTick: typeof import('vue')['nextTick']37  const onActivated: typeof import('vue')['onActivated']38  const onBeforeMount: typeof import('vue')['onBeforeMount']39  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']40  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']41  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']42  const onDeactivated: typeof import('vue')['onDeactivated']43  const onErrorCaptured: typeof import('vue')['onErrorCaptured']44  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']45  const onMounted: typeof import('vue')['onMounted']46  const onRenderTracked: typeof import('vue')['onRenderTracked']47  const onRenderTriggered: typeof import('vue')['onRenderTriggered']48  const onScopeDispose: typeof import('vue')['onScopeDispose']49  const onServerPrefetch: typeof import('vue')['onServerPrefetch']50  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']51  const onUnmounted: typeof import('vue')['onUnmounted']52  const onUpdated: typeof import('vue')['onUpdated']53  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']54  const provide: typeof import('vue')['provide']55  const reactify: typeof import('@vueuse/core')['reactify']56  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']57  const reactive: typeof import('vue')['reactive']58  const reactivePick: typeof import('@vueuse/core')['reactivePick']59  const readonly: typeof import('vue')['readonly']60  const ref: typeof import('vue')['ref']61  const refDefault: typeof import('@vueuse/core')['refDefault']62  const resolveComponent: typeof import('vue')['resolveComponent']63  const shallowReactive: typeof import('vue')['shallowReactive']64  const shallowReadonly: typeof import('vue')['shallowReadonly']65  const shallowRef: typeof import('vue')['shallowRef']66  const syncRef: typeof import('@vueuse/core')['syncRef']67  const templateRef: typeof import('@vueuse/core')['templateRef']68  const throttledRef: typeof import('@vueuse/core')['throttledRef']69  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']70  const toRaw: typeof import('vue')['toRaw']71  const toReactive: typeof import('@vueuse/core')['toReactive']72  const toRef: typeof import('vue')['toRef']73  const toRefs: typeof import('vue')['toRefs']74  const triggerRef: typeof import('vue')['triggerRef']75  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']76  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']77  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']78  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']79  const unref: typeof import('vue')['unref']80  const unrefElement: typeof import('@vueuse/core')['unrefElement']81  const until: typeof import('@vueuse/core')['until']82  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']83  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']84  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']85  const useAttrs: typeof import('vue')['useAttrs']86  const useBase64: typeof import('@vueuse/core')['useBase64']87  const useBattery: typeof import('@vueuse/core')['useBattery']88  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']89  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']90  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']91  const useClamp: typeof import('@vueuse/core')['useClamp']92  const useClipboard: typeof import('@vueuse/core')['useClipboard']93  const useColorMode: typeof import('@vueuse/core')['useColorMode']94  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']95  const useCounter: typeof import('@vueuse/core')['useCounter']96  const useCssModule: typeof import('vue')['useCssModule']97  const useCssVar: typeof import('@vueuse/core')['useCssVar']98  const useCssVars: typeof import('vue')['useCssVars']99  const useCycleList: typeof import('@vueuse/core')['useCycleList']100  const useDark: typeof import('@vueuse/core')['useDark']101  const useDebounce: typeof import('@vueuse/core')['useDebounce']102  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']103  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']104  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']105  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']106  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']107  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']108  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']109  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']110  const useDraggable: typeof import('@vueuse/core')['useDraggable']111  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']112  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']113  const useElementHover: typeof import('@vueuse/core')['useElementHover']114  const useElementSize: typeof import('@vueuse/core')['useElementSize']115  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']116  const useEventBus: typeof import('@vueuse/core')['useEventBus']117  const useEventListener: typeof import('@vueuse/core')['useEventListener']118  const useEventSource: typeof import('@vueuse/core')['useEventSource']119  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']120  const useFavicon: typeof import('@vueuse/core')['useFavicon']121  const useFetch: typeof import('@vueuse/core')['useFetch']122  const useFocus: typeof import('@vueuse/core')['useFocus']123  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']124  const useFps: typeof import('@vueuse/core')['useFps']125  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']126  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']127  const useHead: typeof import('@vueuse/head')['useHead']128  const useI18n: typeof import('vue-i18n')['useI18n']129  const useIdle: typeof import('@vueuse/core')['useIdle']130  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']131  const useInterval: typeof import('@vueuse/core')['useInterval']132  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']133  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']134  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']135  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']136  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']137  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']138  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']139  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']140  const useMemoize: typeof import('@vueuse/core')['useMemoize']141  const useMemory: typeof import('@vueuse/core')['useMemory']142  const useMounted: typeof import('@vueuse/core')['useMounted']143  const useMouse: typeof import('@vueuse/core')['useMouse']144  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']145  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']146  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']147  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']148  const useNetwork: typeof import('@vueuse/core')['useNetwork']149  const useNow: typeof import('@vueuse/core')['useNow']150  const useOnline: typeof import('@vueuse/core')['useOnline']151  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']152  const useParallax: typeof import('@vueuse/core')['useParallax']153  const usePermission: typeof import('@vueuse/core')['usePermission']154  const usePointer: typeof import('@vueuse/core')['usePointer']155  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']156  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']157  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']158  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']159  const useRafFn: typeof import('@vueuse/core')['useRafFn']160  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']161  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']162  const useRoute: typeof import('vue-router')['useRoute']163  const useRouter: typeof import('vue-router')['useRouter']164  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']165  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']166  const useScroll: typeof import('@vueuse/core')['useScroll']167  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']168  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']169  const useShare: typeof import('@vueuse/core')['useShare']170  const useSlots: typeof import('vue')['useSlots']171  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']172  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']173  const useStorage: typeof import('@vueuse/core')['useStorage']174  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']175  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']176  const useSwipe: typeof import('@vueuse/core')['useSwipe']177  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']178  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']179  const useThrottle: typeof import('@vueuse/core')['useThrottle']180  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']181  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']182  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']183  const useTimeout: typeof import('@vueuse/core')['useTimeout']184  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']185  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']186  const useTitle: typeof import('@vueuse/core')['useTitle']187  const useToggle: typeof import('@vueuse/core')['useToggle']188  const useTransition: typeof import('@vueuse/core')['useTransition']189  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']190  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']191  const useVibrate: typeof import('@vueuse/core')['useVibrate']192  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']193  const useVModel: typeof import('@vueuse/core')['useVModel']194  const useVModels: typeof import('@vueuse/core')['useVModels']195  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']196  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']197  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']198  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']199  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']200  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']201  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']202  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']203  const watch: typeof import('vue')['watch']204  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']205  const watchEffect: typeof import('vue')['watchEffect']206  const watchOnce: typeof import('@vueuse/core')['watchOnce']207  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']208  const whenever: typeof import('@vueuse/core')['whenever']209}...

UseCasesCard.js

Source:UseCasesCard.js

1/**2 * @fileOverview Use Cases Card interact3 * @author Stefan Bogosavac4 * @version 1.0.0.5 */6/// <reference types='cypress'/>7import {UseCasesCardLocators} from './UseCasesCardLocators'8import {InputData} from './InputData'9import {HomePageLocators} from './HomePageLocators'10const Input = new InputData()11const UseCases = Input.UseCases()12/**13 * A class for managing Use Cases Card Page.14 * @class15 */16export class UseCasesCardInteract{17    constructor(){18        this.UseCasesCard = new UseCasesCardLocators()19        this.HomePage = new HomePageLocators()20    }21    /**22     * Used to click on Create Use Case Button.23     */24    clikCreateUseCase(){25        this.UseCasesCard.createUseCaseBtn().click()26    }27    /**28     * Used to open first Use Case with provided name.29     * 30     * @param {string} name - Name of the Use Case31     */32    openUseCase(name){33        this.UseCasesCard.useCase(name).click()34    }35    /**36     * Used to click on Back Button.37     */38    clickBackBtn(){39        this.UseCasesCard.backButton().click()40    }41    /**42     * Used to enter the name of Use Case.43     * 44     * @param {string} title - Title of Use Case45     */46    enterTitle(title){47        this.UseCasesCard.titleField().clear()48        this.UseCasesCard.titleField().type(title)49    }50    /**51     * Used to enter description of Use Case.52     * 53     * @param {text} description - Description of Use Case.54     */55    enterDescription(description){56        if(description.length > 0){57            this.UseCasesCard.descriptionField().clear()58            this.UseCasesCard.descriptionField().type(description)59        }60    }61    /**62     * Used to enter Expected results to Use Case.63     * 64     * @param {string} ExpResult - Expected results65     */66    enterExpectedResult(ExpResult){67        this.UseCasesCard.expectedResultField().clear()68        this.UseCasesCard.expectedResultField().type(ExpResult)69    }70    /**71     * 72     * Used to create Step in Use Case.73     * 74     * @param {number} StepNum - Number of the step75     * @param {string} Text    - Step description76     */77    enterStep(StepNum, Text){78        this.UseCasesCard.stepField(StepNum).clear()79        this.UseCasesCard.stepField(StepNum).type(Text)80    }81    /**82     * Used to click on Button for adding new Step.83     */84    addStep(){85        this.UseCasesCard.addTestStepBtn().click()86    }87    /**88     * Delete Step with provided number.89     * 90     * @param {number} StepNum - Number of the Step to be deleted91     */92    deleteStep(StepNum){93        this.UseCasesCard.deleteStepBtn(StepNum).click()94    }95    /**96     * Used to set Use Case to automated.97     */98    setAutomatedYes(){99        this.UseCasesCard.automatedSwitchOff().click()100    }101    /**102     * Used to set Use Case to not automated.103     */104    setAutomatedNo(){105        this.UseCasesCard.automatedSwitchOn().click()106    }107    /**108     * Used to click on Submit Button.109     */110    submit(){111        this.UseCasesCard.submitBtn().click()112        cy.wait(500)113    }114    /**115     * Used to click on Remove Use Case Button.116     */117    clickRemoveBtn(){118        this.UseCasesCard.removeUseCaseBtn().click()119    }120    /**121     * Used to click on Confirm Delete Button.122     */123    clickConfirmDeleteBtn(){124        this.UseCasesCard.confirmDelete().click()125    }126    /**127     * Used to remove Use Case.128     */129    removeUseCase(){130        this.clickRemoveBtn()131        cy.wait(500)132        this.clickConfirmDeleteBtn()133        cy.wait(500)134    }135    136    /**137     * Used to verify text inside of input field.138     * 139     * @param {Location} InputField - Field to be verified140     * @param {string} text         - Expected text141     */142    verifyInputField(InputField, text){143        InputField.then(($el)=>{144            expect($el.text(), text)145        })146    }147    /**148     * Used to enter Test Steps.149     * 150     * @param {string[]} steps - Steps to be entered151     */152    enterTestSteps(steps){153        for(let i = 0; i<steps.length; i++){154            this.enterStep(i, steps[i])155            if(steps[i+1]){156                this.addStep()157            }158        }159    }160    /**161     * Used to edit Test Steps.162     * 163     * @param {string[]} steps - Steps to be edited164     */165    editTestSteps(steps){166        let i=0167        this.UseCasesCard.stepFields().each(()=>{168            if(steps[i]){169                this.enterStep(i, steps[i])170            }else{171                this.deleteStep(i)172            }173            i++174        }).then(()=>{175            if(steps[i]){176                for(; i<steps.length; i++){177                    this.addStep()178                    this.enterStep(i, steps[i])179                }180            }181        })182    }183    /**184     * Used to verify Test Steps.185     * 186     * @param {string[]} steps - Steps to be verified187     */188    verifyTestSteps(steps){189        for(let i = 0; i<steps.length; i++){190            this.verifyInputField(this.UseCasesCard.stepField(i), steps[i])191        }192    }193    /**194     * Used to set if Use Case Card is automated.195     * 196     * @param {bool} bool - Set to TRUE if automated, otherwise set to FALSE197     */198    setAutomated(bool){199        if(bool){200            this.UseCasesCard.automated().invoke('attr', 'value').then(($status)=>{201                if($status=="false"){this.setAutomatedYes()}202            })203        }204        if(!bool){205            this.UseCasesCard.automated().invoke('attr', 'value').then(($status)=>{206                if($status=="true"){this.setAutomatedNo()}207            })208        }209    }210    /**211     * Used to verify if Use Case is automated.212     * 213     * @param {bool} bool - Set to TRUE if automated, otherwise set to FALSE214     */215    verifyAutomated(bool){216        if(bool){this.UseCasesCard.automatedSwitchOn()}217        else{this.UseCasesCard.automatedSwitchOff()}218    }219    /**220     * Used to set values for Use Case.221     * 222     * @param {UseCase} UseCase - Use Case from input data223     */224    setUseCaseValues(UseCase){225        this.enterTitle(UseCase.title)226        this.enterDescription(UseCase.description)227        this.enterExpectedResult(UseCase.ExpResult)228        this.setAutomated(UseCase.automated)229    }230    /**231     * Used to create Use Case.232     * 233     * @param {UseCase} UseCase - Use Case from input data234     */235    createUseCase(UseCase){236        this.clikCreateUseCase()237        this.setUseCaseValues(UseCase)238        this.enterTestSteps(UseCase.TestSteps)239        this.submit()240    }241    /**242     * Used to verify Use Case.243     * 244     * @param {UseCase} UseCase - Use Case from input data245     */246    verifyUseCase(UseCase){247        this.openUseCase(UseCase.title)248        this.verifyInputField(this.UseCasesCard.titleField(), UseCase.title)249        this.verifyInputField(this.UseCasesCard.descriptionField(), UseCase.description)250        this.verifyInputField(this.UseCasesCard.expectedResultField(), UseCase.ExpResult)251        this.verifyTestSteps(UseCase.TestSteps)252        this.verifyAutomated(UseCase.automated)253        this.clickBackBtn()254    }255    /**256     * Used to edit Use Case.257     * 258     * @param {UseCase} UseCaseToEdit - Use Case from input data to be edit259     * @param {UseCase} NewUseCase    - New Use Case from input data260     */261    editUseCase(UseCaseToEdit, NewUseCase){262        this.openUseCase(UseCaseToEdit.title)263        this.setUseCaseValues(NewUseCase)264        this.editTestSteps(NewUseCase.TestSteps)265        this.submit()266    }267    /**268     * Used to delete Use Case.269     * 270     * @param {UseCase} UseCase - Use Case from input data271     */272    deleteUseCase(UseCase){273        this.openUseCase(UseCase.title)274        this.removeUseCase()275    }276    /**277     * Used to verify that provided Use Case is deleted.278     * 279     * @param {UseCase} UseCase - Use Case from input data280     */281    verifyDeletedUseCase(UseCase){282        this.UseCasesCard.useCase(UseCase.title).should('not.exist')283    }284    /**285     * Used to delete Use Case with provided name.286     * 287     * @param {string} name - Name of the Use Case to be deleted288     */289    deleteUseCaseByName(name){290        this.openUseCase(name)291        this.removeUseCase()292    }293    /**294     * Used to delete all Use Cases.295     * 296     * @description297     * Reqired to be on Home Page to call this method.298     */299    deleteAllUseCases(){        300        this.HomePage.useCasesCard().find('small').then(($txt)=>{301            let text = $txt.text()302            this.HomePage.useCasesCard().click()303            if(text!='No use cases written yet'){304                this.UseCasesCard.useCases().each(($uc)=>{305                    let usecase = $uc.text()306                    this.deleteUseCaseByName(usecase)307                })308            }309        })310        311    }312    313    /** Verify Empty - methods */314    /**315     * Used to verify, after Submit, that Title field is empty and right message is displayed.316     */317    verifyEmptyTitle(){318        this.UseCasesCard.invalidTitle()319        this.UseCasesCard.emptyTitleMsg()320    }321    /**322     * Used to verify, after Submit, that Expected Result field is empty and right message is displayed.323     */324    verifyEmptyExpectedResult(){325        this.UseCasesCard.invalidExpectedResult()326        this.UseCasesCard.emptyExpectedResultMsg()327    }328    /**329     * Used to verify, after Submit, that Steps are empty and right message is displayed.330     */331    verifyEmptySteps(){332        this.UseCasesCard.invalidStep()333        this.UseCasesCard.emptyStepMsg()334    }335    /**336     * Used to verify empty Use Case. 337     * 338     * @description339     * Verifies that title, expectd results and steps are empty fields, after Submit.340     */341    verifyEmptyUseCase(){342        this.verifyEmptyTitle()343        this.verifyEmptyExpectedResult()344        this.verifyEmptySteps()345    }346    /** 347     * Used to verify missing Title of Use Case.348     */349    verifyMissingTitleUseCase(){350        this.verifyEmptyTitle()351    }352    /**353     * Used to verify missing Expecxted Resuts of Use Case.354     */355    verifyMissingExpectedResultUseCase(){356        this.verifyEmptyExpectedResult()357    }358    /**359     * Used to verify missing Steps of Use Case.360     */361    verifyMissingStepsUseCase(){362        this.verifyEmptySteps()363    }364    /**365     * Used to create empty Use Case.366     */367    createEmptyUseCase(){368        this.clikCreateUseCase()369        this.submit()370    }371    /**372     * Used to verify that number of characters in the Title373     * is not valid.374     */375    verifyInvalidNumberOfCharTitle(){376        this.UseCasesCard.invalidTitle()377        this.UseCasesCard.invalidTitleMsg()378    }379    /**380     * Used to verify that number of characters in the Expected Results381     * is not valid.382     */383    verifyInvalidNumberOfCharExpRes(){384        this.UseCasesCard.invalidExpectedResult()385        this.UseCasesCard.invalidExpectedResultMsg()386    }387    /**388     * Used to verify that number of characters in the Step389     * is not valid.390     */391    verifyInvalidNumberOfCharSteps(){392        this.UseCasesCard.invalidStep()393        this.UseCasesCard.invalidStepMsg()394    }395    /**396     * Used to verify that numbers of characters in the multiple Steps397     * are not valid.398     * 399     * @param {string[]} steps - Steps to be verified400     */401    verifyInvalidNumberOfCharMultipleSteps(steps){402        for(let i = 0; i<steps.length; i++){403            this.UseCasesCard.invalidMultipleSteps(i)404            this.UseCasesCard.invalidMultipleStepsMsg(i)405        }406    }407    /**408     * Used to verify vaidity of number of characters for each Step.409     * 410     * @param {string[]} steps - Steps to be verified411     */412    verifyValidityOfTestSteps(steps){413        for(let i = 0; i<steps.length; i++){414            if(steps[i].length < 256){415                this.UseCasesCard.validStep(i)416                this.UseCasesCard.validStepMsg(i)417            }418            else{419                this.UseCasesCard.invalidMultipleSteps(i)420                this.UseCasesCard.invalidMultipleStepsMsg(i)421            }422        }423    }424    /**425     * Used to edit Use Case as it is described in the Exam.426     * 427     * @description428     * Edit all input fields in the created test case by replacing it with string429     * This field previously had  + no. of characters in the previous string +  characters.430     * 431     * @example432     * If text in some test case field was "Creating test cases", after edit it should be "This field 433     * previously had 19 characters".434     * 435     * @param {UseCase} UseCase 436     */437    examEditUseCase(UseCase){438        this.openUseCase(UseCase.title)439        cy.xpath('//div[@class="form-group" or contains(@class, "input-delete")]/*').each(($el)=>{440            cy.wrap($el).invoke('attr', 'value').then(($text)=>{441                cy.log($text)442                cy.wrap($el).clear()443                cy.wrap($el).type('This field previously had '+$text.length+' characters')444            })445        })446        this.UseCasesCard.descriptionField().then(($el)=>{447            let text=$el.text()448            cy.wrap($el).clear()449            cy.wrap($el).type('This field previously had '+text.length+' characters')450        })451        this.submit()452    }...

QASandbox-UseCases.js

Source:QASandbox-UseCases.js

1/// <reference types='cypress'/>2import {HomePageInteract} from '../page-object/HomePage'3import {InputData} from '../page-object/InputData'4import {LoginPageInteract} from '../page-object/LoginPage'5import {UseCasesCardInteract} from '../page-object/UseCasesCard'6const HomePage = new HomePageInteract()7const LoginPage = new LoginPageInteract()8const UseCasesCard = new UseCasesCardInteract()9const data = new InputData()10const UseCases = data.UseCases()11const login = data.LoginPage()12describe('Use Cases card', ()=>{13    describe('Invalid use cases - Create Use Case', ()=>{14        beforeEach(()=>{15            LoginPage.login(login["ValidEmail"], login["ValidPass"])16            HomePage.clickUseCasesCard()17        })18        it('Empty Use Case',()=>{19            UseCasesCard.createEmptyUseCase()20            UseCasesCard.verifyEmptyUseCase()21        })22        it('Whitespace values Use Case', ()=>{            //      THIS TEST WILL FAIL BECAUSE OF "It is possible to create Use Case without Use Case Step" REPORTED ISSUE23            const whitespace = UseCases.WhitespaceUseCase24            UseCasesCard.createUseCase(whitespace)25            UseCasesCard.verifyEmptyUseCase()26        })27        it('Use Case with empty Steps', ()=>{             //      THIS TEST WILL FAIL BECAUSE OF "It is possible to create Use Case without Use Case Step" REPORTED ISSUE28            const EmptySteps = UseCases.UseCaseWithEmptySteps29            UseCasesCard.createUseCase(EmptySteps)30            UseCasesCard.verifyEmptySteps()31        })32        it('Invalid Title (too short and too long)',()=>{33            const TooShortTitle = UseCases.TooShortTitle34            const TooLongTitle = UseCases.TooLongTitle35            UseCasesCard.createUseCase(TooShortTitle)36            UseCasesCard.verifyInvalidNumberOfCharTitle()37            UseCasesCard.enterTitle(TooLongTitle["title"])38            UseCasesCard.submit()39            UseCasesCard.verifyInvalidNumberOfCharTitle()40        })41        it('Invalid Expected Result (too short and too long)', ()=>{42            const TooShortExpectedResult = UseCases.TooShortExpRes43            const TooLongExpectedResult = UseCases.TooLongExpRes44            UseCasesCard.createUseCase(TooShortExpectedResult)45            UseCasesCard.verifyInvalidNumberOfCharExpRes()46            UseCasesCard.enterExpectedResult(TooLongExpectedResult["ExpResult"])47            UseCasesCard.submit()48            UseCasesCard.verifyInvalidNumberOfCharExpRes()49        })50        it('Too long Use Case Step', ()=>{51            const TooLongUseCaseStep = UseCases.TooLongUseCaseStep52            UseCasesCard.createUseCase(TooLongUseCaseStep)53            UseCasesCard.verifyInvalidNumberOfCharSteps()54        })55        it('Too long Use Case Steps (multiple steps)', ()=>{            //  THIS TEST WILL FAIL BECAUSE OF "Multiple 'Test step needs to be between 0 and 255' messages get combined in one message" REPORTED ISSUE56            const TooLongMultipleTests = UseCases.TooLongMultipleUseCaseSteps57            UseCasesCard.createUseCase(TooLongMultipleTests)58            UseCasesCard.verifyInvalidNumberOfCharMultipleSteps(TooLongMultipleTests["TestSteps"])59        })60        it('Combine valid and invalid(too long) test steps', ()=>{     //  THIS TEST WILL FAIL BECAUSE OF "'Test step needs to be between 0 and 255' message displayed for valid steps" REPORTED ISSUE61            const CombineValidInvalidSteps = UseCases.CombineValidInvalidSteps62            UseCasesCard.createUseCase(CombineValidInvalidSteps)63            UseCasesCard.verifyValidityOfTestSteps(CombineValidInvalidSteps["TestSteps"])64        })65    })66    describe('Valid use cases - Create Use Case', ()=>{67        beforeEach(()=>{68            LoginPage.login(login["ValidEmail"], login["ValidPass"])69            HomePage.clickUseCasesCard()70        })71        it('Create simple Use Case - madatory fields only, one Test Step', ()=>{72            const SimpleUseCase = UseCases.SimpleUseCase73            UseCasesCard.createUseCase(SimpleUseCase)74            UseCasesCard.verifyUseCase(SimpleUseCase)75        })76        it('Create full Use Case - all fields, multiple Test Steps', ()=>{77            const FullUseCase = UseCases.FullUseCase78            UseCasesCard.createUseCase(FullUseCase)79            UseCasesCard.verifyUseCase(FullUseCase)80        })81        it('Create full Use Case - minimum edge case', ()=>{82            const MinEdgeUseCase = UseCases.MinEdgeUseCase83            UseCasesCard.createUseCase(MinEdgeUseCase)84            UseCasesCard.verifyUseCase(MinEdgeUseCase)85        })86        it('Create full Use Case - maximum edge case', ()=>{    //  THIS CASE FINDES "Long Title of Use Case is not displayed well in Use Cases card" REPORTED ISSUE, BUT IT WILL PASS BECAUSE IT IS VISUAL BUG87            const MaxEdgeUseCase = UseCases.MaxEdgeUseCase88            UseCasesCard.createUseCase(MaxEdgeUseCase)89            UseCasesCard.verifyUseCase(MaxEdgeUseCase)90        })91    })92    describe('Invalid use cases - Edit Use Casd', ()=>{})       //      TO BE DONE93    describe('Valid use cases - Edit Use Case', ()=>{})         //      TO BE DONE - SOME OF THOSE TESTS WILL BE TESTED IN FURTHER TESTS94    describe('Full use case and Exam use case', ()=>{           //      THESE TESTS TEST ALL FUNCTIONALITIES WITH COMBINING EACH OF THEM95        beforeEach(()=>{96            LoginPage.login(login["ValidEmail"], login["ValidPass"])97            HomePage.clickUseCasesCard()98        })99        it('Full use case', ()=>{100            const test1 = UseCases.test1101            const test2 = UseCases.test2102            const test3 = UseCases.test3103            UseCasesCard.createUseCase(test1)           //automated104            UseCasesCard.verifyUseCase(test1)105            UseCasesCard.editUseCase(test1, test2)      //not automated, less test steps (step deleted)106            UseCasesCard.verifyUseCase(test2)107            UseCasesCard.editUseCase(test2, test3)      //automated, more test steps (steps added)108            UseCasesCard.verifyUseCase(test3)109            UseCasesCard.deleteUseCase(test3)110            UseCasesCard.verifyDeletedUseCase(test3)111        })112        it('Exam use case', ()=>{113            const ExamTest1 = UseCases.ExamTest1114            const ExamTest2 = UseCases.ExamTest2115            const ExamTest3 = UseCases.ExamTest3116            const ExamTest4 = UseCases.ExamTest4117            UseCasesCard.createUseCase(ExamTest1)118            UseCasesCard.createUseCase(ExamTest2)119            UseCasesCard.createUseCase(ExamTest3)120            UseCasesCard.createUseCase(ExamTest4)121            UseCasesCard.examEditUseCase(ExamTest1)122            UseCasesCard.examEditUseCase(ExamTest2)123            UseCasesCard.examEditUseCase(ExamTest3)124            UseCasesCard.examEditUseCase(ExamTest4)125        })126    })...

QASandbox-HomePage.js

Source:QASandbox-HomePage.js

1/// <reference types='cypress'/>2import {HomePageInteract} from '../page-object/HomePage'3import {InputData} from '../page-object/InputData'4import {LoginPageInteract} from '../page-object/LoginPage'5import {UseCasesCardInteract} from '../page-object/UseCasesCard'6const HomePage = new HomePageInteract()7const LoginPage = new LoginPageInteract()8const UseCasesCard = new UseCasesCardInteract()9const data = new InputData()10const login = data.LoginPage()11const Dashboard = data.Dashboard()12describe('Home Page', ()=>{13    before(()=>{14        LoginPage.login(login["ValidEmail"], login["ValidPass"])15    })16    it('Verify Home Page', ()=>{17        HomePage.verifyHomePage()18    })19    describe('Verify Dashboard - Use Cases & Playground cards', ()=>{       //VERIFY NUMBER DISPLAYED ON USES CASES CARD AND PLAYGROUND CARD DASHBOARDS20        const AutomatedUseCase = Dashboard.AutomatedUseCase21        const NotAutomatedUseCase = Dashboard.NotAutomatedUseCase22        beforeEach(()=>{23            LoginPage.login(login["ValidEmail"], login["ValidPass"])24            UseCasesCard.deleteAllUseCases()25        })26        it('No Use Cases', ()=>{27            HomePage.verifyNumberOfUseCases()28        })29        it('1 Use Cases - none automated', ()=>{30            UseCasesCard.createUseCase(NotAutomatedUseCase)31            HomePage.verifyNumberOfUseCases()32        })33        it('3 Use Cases - 1 automated', ()=>{34            UseCasesCard.createUseCase(NotAutomatedUseCase)35            UseCasesCard.createUseCase(NotAutomatedUseCase)36            UseCasesCard.createUseCase(AutomatedUseCase)37            HomePage.verifyNumberOfUseCases()38        })39        it('4 Use Cases - 3 automated', ()=>{40            UseCasesCard.createUseCase(NotAutomatedUseCase)41            UseCasesCard.createUseCase(AutomatedUseCase)42            UseCasesCard.createUseCase(AutomatedUseCase)43            UseCasesCard.createUseCase(AutomatedUseCase)44            HomePage.verifyNumberOfUseCases()45        })46        it('5 Use Cases - 4 automated', ()=>{47            UseCasesCard.createUseCase(NotAutomatedUseCase)48            UseCasesCard.createUseCase(AutomatedUseCase)49            UseCasesCard.createUseCase(AutomatedUseCase)50            UseCasesCard.createUseCase(AutomatedUseCase)51            UseCasesCard.createUseCase(AutomatedUseCase)52            HomePage.verifyNumberOfUseCases()53        })54        it('5 Use Cases - 5 automated', ()=>{55            UseCasesCard.createUseCase(AutomatedUseCase)56            UseCasesCard.createUseCase(AutomatedUseCase)57            UseCasesCard.createUseCase(AutomatedUseCase)58            UseCasesCard.createUseCase(AutomatedUseCase)59            UseCasesCard.createUseCase(AutomatedUseCase)60            HomePage.verifyNumberOfUseCases()61        })62    })...

element.js

Source:element.js

...77  MessageBox,78  Message,79  Notification80} from 'element-ui';81Vue.use(Pagination);82Vue.use(Dialog);83Vue.use(Autocomplete);84Vue.use(Dropdown);85Vue.use(DropdownMenu);86Vue.use(DropdownItem);87Vue.use(Menu);88Vue.use(Submenu);89Vue.use(MenuItem);90Vue.use(MenuItemGroup);91Vue.use(Input);92Vue.use(InputNumber);93Vue.use(Radio);94Vue.use(RadioGroup);95Vue.use(RadioButton);96Vue.use(Checkbox);97Vue.use(CheckboxButton);98Vue.use(CheckboxGroup);99Vue.use(Switch);100Vue.use(Select);101Vue.use(Option);102Vue.use(OptionGroup);103Vue.use(Button);104Vue.use(ButtonGroup);105Vue.use(Table);106Vue.use(TableColumn);107Vue.use(DatePicker);108Vue.use(TimeSelect);109Vue.use(TimePicker);110Vue.use(Popover);111Vue.use(Tooltip);112Vue.use(Breadcrumb);113Vue.use(BreadcrumbItem);114Vue.use(Form);115Vue.use(FormItem);116Vue.use(Tabs);117Vue.use(TabPane);118Vue.use(Tag);119Vue.use(Tree);120Vue.use(Alert);121Vue.use(Slider);122Vue.use(Icon);123Vue.use(Row);124Vue.use(Col);125Vue.use(Upload);126Vue.use(Progress);127Vue.use(Spinner);128Vue.use(Badge);129Vue.use(Card);130Vue.use(Rate);131Vue.use(Steps);132Vue.use(Step);133Vue.use(Carousel);134Vue.use(CarouselItem);135Vue.use(Collapse);136Vue.use(CollapseItem);137Vue.use(Cascader);138Vue.use(ColorPicker);139Vue.use(Transfer);140Vue.use(Container);141Vue.use(Header);142Vue.use(Aside);143Vue.use(Main);144Vue.use(Footer);145Vue.use(Timeline);146Vue.use(TimelineItem);147Vue.use(Link);148Vue.use(Divider);149Vue.use(Image);150Vue.use(Calendar);151Vue.use(Backtop);152Vue.use(PageHeader);153Vue.use(CascaderPanel);154Vue.use(Loading.directive);155Vue.prototype.$loading = Loading.service;156Vue.prototype.$msgbox = MessageBox;157Vue.prototype.$alert = MessageBox.alert;158Vue.prototype.$confirm = MessageBox.confirm;159Vue.prototype.$prompt = MessageBox.prompt;160Vue.prototype.$notify = Notification;...

Using AI Code Generation

1var frisby = require('frisby');2frisby.create('Test GET request')3  .expectStatus(200)4  .expectHeaderContains('content-type', 'application/json')5  .expectJSON([{6  }])7  .expectJSONTypes({8  })9  .toss();10var frisby = require('frisby');11frisby.create('Test POST request')

Using AI Code Generation

1var frisby = require('frisby');2frisby.create('Get the current weather')3  .expectStatus(200)4  .expectHeaderContains('content-type', 'application/json')5  .expectJSON({6  })7  .expectJSONTypes({8    coord: {9    }10  })11  .expectJSONTypes('main', {12  })13  .expectJSONTypes('wind', {14  })15  .expectJSONTypes('clouds', {16  })17  .expectJSONTypes('sys', {18  })19  .toss();20{21  "scripts": {22  },23  "dependencies": {24  }25}

Using AI Code Generation

1var frisby = require('frisby');2frisby.create('Test GET')3.expectStatus(200)4.expectHeaderContains('content-type', 'application/json')5.expectJSONTypes({6})7.toss();8var frisby = require('frisby');9frisby.create('Test GET')10.expectStatus(200)11.expectHeaderContains('content-type', 'application/json')12.expectJSONTypes({13})14.toss();15var frisby = require('frisby');16frisby.create('Test GET')17.expectStatus(200)18.expectHeaderContains('content-type', 'application/json')19.expectJSONTypes({20})21.toss();22var frisby = require('frisby');23frisby.create('Test GET')24.expectStatus(200)25.expectHeaderContains('content-type', 'application/json')26.expectJSONTypes({27})28.toss();29var frisby = require('frisby');30frisby.create('Test GET')31.expectStatus(200)32.expectHeaderContains('content-type', 'application/json')33.expectJSONTypes({34})35.toss();36var frisby = require('frisby');37frisby.create('Test GET')38.expectStatus(200)39.expectHeaderContains('content-type', 'application/json')40.expectJSONTypes({41})42.toss();43var frisby = require('frisby');44frisby.create('Test GET')45.expectStatus(200)46.expectHeaderContains('content-type', 'application/json')47.expectJSONTypes({48})49.toss();

Using AI Code Generation

1var frisby = require('frisby');2frisby.create('Get response from server')3.expectStatus(200)4.expectHeaderContains('content-type', 'application/json')5.expectJSON({6})7.toss();

Using AI Code Generation

1var frisby = require('frisby');2frisby.create('Get all users')3    .expectStatus(200)4    .expectHeaderContains('content-type', 'application/json')5    .expectJSONTypes('*', {6    })7    .expectJSON('*', {8    })9    .expectJSON('*', {10    })11    .expectJSON('*', {12    })13    .expectJSON('*', {14    })15    .toss();16frisby.create('Get a single user')17    .expectStatus(200)18    .expectHeaderContains('content-type', 'application/json')19    .expectJSON({

Using AI Code Generation

1var frisby = require('frisby');2var util = require('util');3var config = require('../config/config.json');4var url = config.url;5var data = require('../data/data.json');6var data1 = data.data1;7var data2 = data.data2;8var data3 = data.data3;9var data4 = data.data4;10var data5 = data.data5;11var data6 = data.data6;12var data7 = data.data7;13var data8 = data.data8;14var data9 = data.data9;15var data10 = data.data10;16var data11 = data.data11;17var data12 = data.data12;18var data13 = data.data13;19var data14 = data.data14;20var data15 = data.data15;21var data16 = data.data16;22var data17 = data.data17;23var data18 = data.data18;24var data19 = data.data19;25var data20 = data.data20;26var data21 = data.data21;27var data22 = data.data22;28var data23 = data.data23;29var data24 = data.data24;30var data25 = data.data25;31var data26 = data.data26;32var data27 = data.data27;33var data28 = data.data28;34var data29 = data.data29;35var data30 = data.data30;36var data31 = data.data31;37var data32 = data.data32;38var data33 = data.data33;39var data34 = data.data34;40var data35 = data.data35;41var data36 = data.data36;42var data37 = data.data37;43var data38 = data.data38;44var data39 = data.data39;45var data40 = data.data40;46var data41 = data.data41;47var data42 = data.data42;48var data43 = data.data43;49var data44 = data.data44;50var data45 = data.data45;51var data46 = data.data46;52var data47 = data.data47;53var data48 = data.data48;54var data49 = data.data49;55var data50 = data.data50;56var data51 = data.data51;57var data52 = data.data52;58var data53 = data.data53;59var data54 = data.data54;60var data55 = data.data55;61var data56 = data.data56;

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.