Course 2 – Agenda

• Basics of Javascript
• Cypress Automation Testing
• Mocha / BDD cucumber Framework
• Git and GitHub
• CICD – Jenkins

Javascript Basics for Automation

• Introduction to JavaScript 
• Variables and Datatypes 
• Conditional Statements 
• Loops 
• Functions 
• Objects 
• Working with Objects
• Arrays 
• Working with Arrays
• Working with Strings 
• Working with numbers
• Class 
• Constructor 
• Static 
• OOPs

Cypress Automation Testing tool

1. Course Summary:
   1. Introduction to Cypress
   2. Setting up Cypress, Writing the First Test
   3. Running Cypress Tests in command line, Cypress Hooks
   4. Page Object Model, Viewport, Fixtures
   5. Locators – Xpath and plugin configuration
   6. CSS, Custom commands, Aliasing, and working with Checkboxes, Radio buttons
   7. Working with Dropdowns, Alerts, File upload, File download
   8. Video reporting, Dashboard reports, Mochawesome reports
   9. API testing Integration, BDD Cucumber integration

2. Learning Outcomes:

At the completion of the Course participants will exhibit competencies / Skills of:

1.  Understand Cypress from Scratch and build fast and reliable Automation tests for any Web Applications using Cypress
2. Practical knowledge in designing Cypress Automation framework from scratch using Mocha and Cucumber Frameworks
3. Real-Time Hands-on Exercises to practice Cypress Parallelly with Videos for building confidence on the tool
4. Complete understanding of Cypress Components for generating test execution Videos, Screenshots & Reporting
5.  Participants will learn advanced architectural concepts like Page Object Modelling

3. Cypress Automation Testing Tool

1. What are the benefits of Automation?
2.  Why we do automation
3. When should you automate your software testing
4.  When should automation not be preferred
5. Selenium Vs Cypress
6. Cypress Introduction
   • What is Cypress? 
   • Why Learn Cypress? 
   • How does Cypress Work? 
   • What are the Key Differences between Cypress and other Automation Tools? 
   • Cypress Demo

7. Environment Setup
   • Chrome & Firefox Browser Installation 
   • Prerequisites – [NodeJS Setup] 
   • NodeJs Setup 
   • Gitbash Setup 
   • VS Code Installation & Configuration
8. Cypress Setup
   • Cypress Installation & Setup 
   • NPM Installation & Update 
9. Cypress Overview
   • Opening Cypress for the First Time! 
   • Cypress Test Runner 
   • Cypress Project Structure 
10. Cypress API
    • Cypress API – Overview
11. Mocha
    • Mocha – Overview 
    • Constructing our First Test using Mocha 
12. Basic Cypress Commands 

∙ Command Activation & Inspecting Specific Cypress Commands 

∙ Visit & Click Command 

∙ Click Options 

∙ Type Command 

13. Creating Our First Test 

∙ Creating Our Second Cypress Test – (Positive Test Case) 

∙ Creating Our Second Cypress Test – (Negative Test Case) 

14. Browser Selection – (Chrome, Electron, Firefox) 

∙ Running Tests in Chrome, Electron & Firefox 

15. Web Elements & Selectors 

∙ Why do we need Selectors? 

∙ Document Object Model (DOM) & Elements 

∙ Practical In Depth Look into Selectors 

∙ Selector Generator Tools 

∙ CSS Selectors 

∙ Xpath Selectors 

16. Assertions 

∙ Why do we need Assertions? 

∙ Chai Assertions & Cypress Examples 

∙ Adding Assertions to our Existing Tests 

∙ Cypress Contains

17. Referencing Windows

  ∙ cy.title()

  ∙ cy.url()

18. Triggering Tests via Command Line 

∙ Headless Electron Browser 

∙ Non Headless Electron Browser 

∙ Non Headless Chrome Browser 

∙ Trigger Individual Tests 

19. Working with Cypress Plugins 

∙ Cypress Plugins

∙ Cypress Plugins – Xpath

∙ Cypress Plugins – File download 

∙ Cypress Plugins – File upload 

∙ Cypress Plugins – Cucumber 

Cypress real events

20. Cypress Chaining Commands 

∙ Cypress Chaining Commands – Introduction 

∙ More Examples of Command Chaining – get, find, contains, eq

21. Logging 

∙ Cypress log 

22. Promises and the Then Command 

∙ Promises Real World Example 

∙ Cypress and Promises 

∙ then Command

23. Iterating through Elements 

∙ Iterating through Elements – Documentation & Preparation 

∙ Practical Example of Iterating through Elements 

24. Alias & Invoke

∙ Alias & Invoke – Documentation 

∙ Alias & Invoke – Practical Example

25. Wrap()
26. Cypress Limitations 

∙ Cypress Limitations 

27. Browser Navigation 

∙ Back, Forward, Reload 

28. Handling – Alerts 

∙ Handing Alerts – Documentation 

∙ Handling Alerts – Example 

29. Handling – Checkboxes 

∙ Handling Checkboxes

30. Handling – Radio Buttons 

∙ Handling Radio Buttons 

∙ Validating States of Radio Buttons (Checked & Unchecked) 

31. Handling – Drop-down Lists 

∙ Handling Drop-down Lists 

32. Autocomplete (Suggested) Lists 

∙ Handling Autocomplete Lists 

33. Mouse Actions 

∙ Scroll into View 

∙ Drag & Drop 

∙ Double Click 

∙ Right click Assertions

34. Handling Data from Tables 

∙ Handling Data – Example 

35. File Upload 

∙ Introduction & Preparation 

∙ Uploading File(s) 

∙ Uploading no File(s) 

36. Fixtures 

∙ Fixtures – Documentation 

∙ Fixtures & Data Driven 

∙ Fixtures Custom Commands 

37. Custom Commands

∙ Custom Commands – Documentation & Practical Example 

∙ Using Custom Commands to Further Improve our Framework 

38. Overriding Default Settings 

∙ Cypress.config 

∙ Ignore Files 

39. Environment & Global Variables 

∙ Prerequisites 

∙ Environment Variables 

∙ Setting up a Base URL 

40. Page Object Modelling 

∙ Page Object Modelling 

41. Configuring & Handling Timeouts

∙ URL Timeouts 

∙ Explicit Timeouts 

∙ Assertion Timeouts 

∙ Wait

42. Screenshots & Recordings 

∙ Capturing Screenshots 

∙ Recording Videos 

43. Viewport – Altering Screen Sizes 

∙ Altering Viewports – Configuring Size and Orientation 

44. Reporting 

∙ Mochawesome Reporter 

∙ Mochawesome – Merging Reports GitHub 

   Allure REports 

45. ∙ GitHub – Account Creation & Login 

∙ Visual Studio Code & GitHub – Setup 

∙ Committing and Pushing our Code (Framework) to GitHub 

∙ Pushing & Pulling New Changes 

46. API Test Automation 

∙ Cypress – API Testing integration

∙ Cypress – API Testing – GET

∙ Cypress – API Testing – POST

∙ Cypress – API Testing – PUT

∙ Cypress – API Testing – Delete

47. Cypress – Cucumber 

∙ Cypress – Cucumber Integration

48. Convert excel to Json 

∙ Data driven testing using excel file

49. Cypress cloud Reports
50. Handling Elements 

∙ Tabs, I-frames, Shadow Elements, Tables, Links

51. Cypress Changelog
52. Read file and Write file
53. Cypress Playground option
54. Comparison between cypress old and new versions
55. cy.origin()
56. cy.sesion()
57. Jenkins Integration

1. Course Resources:
   1.  https://www.cypress.io/
   2.  https://docs.cypress.io/
   3. https://cucumber.io/
   4. https://www.npmjs.com/package/cypress-xpath
   5. https://www.npmjs.com/package/cypress-downloadfile
   6. https://www.npmjs.com/package/cypress-file-upload
   7. https://www.npmjs.com/package/cypress-cucumber-preprocessor