Automation is fun !!!

The other day, I was thinking, does learning new technology really has to be hard with no fun. I have seen lot of people who wants to add automation skill set sometimes gives up , may be they just need more time or some way to make learning a fun.

So how about, we pick a game and automate it. I stumbled upon a game fastest 1 to 50.

The objective of the game is to click from 1 to 50 as fast as possible.

https://zzzscore.com/1to50/

Tools Used: Selenium (Java)

Approach:- In layman language, UI automation is all about identify the target element , perform an action and validate it. So, the first step is to find the element "1" , since thats what we need to click first, Lets also look at the DOM for element "2" and "3" too to figure out if we can identify a pattern out of it

<div style="opacity: 1;"><span class="box" style="z-index:99"></span>1</div>
<div style="opacity: 1;"><span class="box" style="z-index:98"></span>2</div>
<div style="opacity: 1;"><span class="box" style="z-index:97"></span>3</div>

There are 2 things that we observed.

  • The span consists of the digits
  • style=z-index:100-x, where x starts from 1

So, based on above observation, we can create xpaths (below), create a loop from 1 to 50 , find the element and then click.

"//div[text()='1']"

OR

"//span[@style='z-index:99']"

Learning:-

For people who are beginners, you would learn how to create locators , make them generic and use loops to iterate to all the numbers in the grid.

For people who know automation, probably a good opportunity to use some design patterns or logic , to beat your own fastest time.

For me, I started out with 4 seconds and then 3.2 and with more code refactoring, so far reached to 2.753 seconds.

What's next:- I tried Selenium Java for the above challenge. Next I am gonna try Cypress ,wdio and platwright and compare the easy fo writing code as well as the execution time.

PS:- By the way, with Selenium-Java, my time was 2.753 seconds.( I am sure lot many would be beat this score comfortably, so no where I want to claim this is the lowest one)

No alt text provided for this image

Playwright:- A new tool in the market from the stable of Microsoft. Playwright is a Node library to automate Chromium, Firefox and WebKit with a single API . For more details , pls see https://github.com/microsoft/playwright

I am very new to playwright (first attempt) and below are the stats when I used it against our 1to50 score challenge game. Code snippet for the same is pushed at

https://gist.github.com/sunnysachdeva99/b57c0cc81a630d736d13ee6ff03c416b

No alt text provided for this image


Comments

Post a Comment

Popular posts from this blog

How to mock a response in Selenium

Image
 First, let us understand why there is a need to mock?  UI automation is an expensive thing to do as it's flaky and time-consuming not only in development but as well as in execution. Use Case 1 Imagine a situation, where we have an e-Commerce application where there is a new rating and review functionality. Now, in order to test this functionality, I need a lot of variations of test data from 0 reviews and ratings to probably a higher number. If I have to automate this scenario, that means, I need to  create multiple users Add their basic details such as Address, payments, etc Add that particular product in all the multiple users who will give ratings and reviews And finally, add ratings and reviews To achieve the above, we have 2 options 1. Using API's  directly and follow the above steps 2. Mock the response of the API which is getting these ratings and reviews details. If you are using Cypress, it is very much possible. todo using their intercept command. For Se...
Read more

Some useful links for testing

Image
  AI AI Needs Testing  —  Jason Arbon Testing Language Models (and Prompts) Like We Test Software  —  Marco Túlio Ribeiro  and  Scott Lundberg Testing LLM-Based Applications: Strategy and Challenges  —  Xin Chen   Basics Bug Severity and Priority Matrix  —  Dilara Atesogullari QA 101: how to manage product quality right from the start  —  Olya Kolyada QA Wiki  —  Luc Gagan Shifting left and what it means for QA  — Reddit   Career How much do testers make?  — Reddit Is It Time You Moved On from Quality Engineering?  —  Stuart Thomas What your QA career progression has been like?  — Reddit   Future Is Manual Testing Dying?  — Reddit Language for QA Automation in 2024?  — Reddit Should We Fear AI in Test Automation?  —  Richard Bradshaw What Does QA Work Look Like in the Era of AI?  —  Patrick Ramser   Guides Bugs backlog automation. RICE for...
Read more

Generic Checklist in case you want to consider Cypress

Tets automation tool space is hot right now. Selenium, which is considered as a de fact tool is now being challenges by Cypress as well as Playwright. We will talk about Playwright later but the first few things about Cypress THE GOOD PART easy peasy and impressive setup ( just a few commands and you get a meaningful as well as standardized framework structure ) It has a nice dashboard to view reports, recordings, and analytics Talking in 2022, it's more mature now, and very good community support Now supports multi-domain ( version 9 onwards) Nice sleek UI runner which has capability to find locators as well time travel ( very helpful in debugging) Nice way to handle API re, response and mocking Full support to component testing Since its syntax is close to jQuery, front end dev finds it easy to use Good documentation Automatic waiting THE NOT SO GOOD PART Re-evaluate if your AUT supports Safari and your end-user uses Safari a lot No direct support to tabs ( workaround exists) Lim...
Read more