AlibabaCypressTest

Implement Cypress Test for search & contact-us

The test is written based on old version of Alibaba.ir

✨ PLEASE NOTE THAT✨

I'M SENIOR IN SELENIUM WEB DRIVER
BUT
"NEVER EVER" USED CYPRESS BEFORE
YESTERDAY I JUST RAN `npm install cypress` FOR THE FIRST TIME IN MY LIFE :)
AND
I'M HAPPY :) THAT THIS IS MY FIRST PROJECT IN CYPRESS, LEARNED AND DEVELOPED ONLY IN COUPLE OF HOURS

What/How the test is doing

1. scenario_search_spec.js:

   • opens https://www.alibaba.ir and fills the data then click on the "جستجو" button
   • Wait until the results are finished(Used cy.route() and cy.wait())
   • If no results were found, change search date to tomorrow and search again (until there is at least one result)

2. scenario_contactus_spec.js:

   • Scroll to the bottom of the page and click on "تماس با ما" in the footer. (This scrolldone as if the mouse was scrolling)

What do you expect?

• You expect me to detect the test scenarios and create comfortable test suites and test cases

  • Scenario search contains 3 test cases: *Should alert error for empty input for origin/destination *Search, which should have results *Should check increment/decrement passengers

  • Scenario contact-us contains 1 test case: *Scroll and click contact us

• You expect me to have solutions for re-using cypress commands.

  • This is the part I tried my best. I defined too many commands in command.js in order to save reusability

• You expect me to handle some edge cases which demonstrate your abilities with cypress timeouts.

  • For search results I used cy.route() and cy.wait(), in order to wait for results being shown
  • I defined defaultCommandTimeout in cypress.json, and use WaitUntil and inline timeouts in order to handle that

• You expect me to keep my test scenarios clean and of course reliable.

  • Hope so :)

Bonus

• Write tests for other products (e.g., train, bus, etc.)
  • Not so much time. Honestly it was the easiest part for me :(
• Create visual tests (comparing images/screenshots)
  • I searched about cypress-plugin-snapshots plugin and toMatchImageSnapshot() method but no time to implement
• Create a report based on the results of the tests being run
  • Used Mochawesome in combination with mochawesome-report-generator and mochawesome-merge
  • Run this command to install npm i --D mocha mochawesome mochawesome-merge mochawesome-report-generator
  • Reports are generated in mochawesome-report folder
• Handle browser crashes (retry tests if the browser crashes)
  • command "retries" is added in cypress.json file in order to handle flaky tests