Build a responsive typescript wdio framework

Participate in this workshop to learn how to put together the concepts of a wdio and typescript in a mocha framework that is scalable, robust, easy to read. We will be sharing our real-time experience of how we migrated our testing approach, design and framework when our application was migrating from javascript to a typescript architecture.

You will leave with your very own example automation framework that demonstrates advanced principles of wdio using typescript automation design. We will integrate with allure reporting.

Reference:

https://github.com/varunatester/wdio-typescript

Key takeaways:

  1. A robust and scalable framework with the advanced principle for ui testing.
  2. A selection of design patterns for the designing framework.
  3. Concepts in designing your ui automation such as modeling data within your application and componentizing page objects.
  4. A framework which is responsive for web applications.
 
 

Outline/Structure of the Workshop

Outline/structure of the Session:

  1. Introduction 20 min
  2. Setup Environment 5 min
  3. Get the first test running using wdio 5 min
  4. Introduction to typescript 5 min
  5. Write test using typescript 25 min
  6. Reporting 5 min
  7. Refactor the test using Design patterns 15 min
  8. Brief on how can a framework be enhanced? 10 min

Video : https://www.youtube.com/watch?v=4fTLgi9Gysk

Learning Outcome

  1. A robust and scalable framework with the advanced principle for ui testing.
  2. A selection of design patterns for the designing framework.
  3. Concepts in designing your ui automation such as modeling data within your application and componentizing page objects.
  4. A framework which is responsive for web applications.

Target Audience

Anyone interested in learning wdio/typescript duo

Prerequisites for Attendees

This is a practical workshop, so all attendees will require a laptop, and the ability to install and run the application under test, as well as some open-source tools that will be useful during the session. Installation instructions and a tool list will be sent before the workshop, and pre-installation is highly recommended for a smooth workshop experience.

schedule Submitted 7 months ago

Public Feedback

comment Suggest improvements to the Speaker
  • Deepti Tomar
    By Deepti Tomar  ~  6 months ago
    reply Reply

    Hello Varuna,

    Thanks for your proposal!
    Could you please update the Outline/Structure section of your proposal with a time-wise breakup of how you plan to use 90 mins for the topics you've highlighted?

    And, to help the program committee understand your presentation style, can you provide a link to your past recording or record a small 1-2 mins trailer of your talk and share the link to the same? 

    Thanks!

    • Varuna Srivastava
      By Varuna Srivastava  ~  5 months ago
      reply Reply

      Hi Deepti, I have updated the outline/structure of session with timings and added a link to video also

  • Pallavi ...
    By Pallavi ...  ~  6 months ago
    reply Reply

    Hi Varuna

    Good workshop idea, i have a few questions, there are two aspects to the workshop

    a. to deliver knowledge on wdio and typescript in a mocha framework which would be integrated with allure for reporting. 

    b. to deliver knowledge on framework design. - for object handling, data , design patterns etc. 

    c. "javascript to a typescript architecture", is it something you came across as a one time activity for a project? 

    d. would 45 minutes a good time for this hands on workshop? Could we seperate the concepts of framework and design pattern from the language, tool and then look at the workshop proposal again. 

    e. "comparing javascript framework with typescript framework and showcasing benefit" so basically what benefit we get when we use typescript as a language then javascript as a language for framework is this what is meant in here? 

    Thanks

    Pallavi

    • Varuna Srivastava
      By Varuna Srivastava  ~  6 months ago
      reply Reply

      Hi Pallavi,

      Thanks for the input. I have updated a workshop to be for 90 mins. 

      a) This workshop will cover the framework designing using typescript and mocha.

      b) It was a one time activity which we did in our project as we migrated a framework  from javascript to typescript. I will talk about benefits and easiness to typescript framework

      • Pallavi ...
        By Pallavi ...  ~  6 months ago
        reply Reply

        Thanks Varuna. 


  • Liked Kushan Amarasiri
    keyboard_arrow_down

    Kushan Amarasiri - Making test automation with Selenium awesome with xPath Generator

    45 Mins
    Demonstration
    Beginner

    XPath Generator is an API developed in Java which is free and opensource. It helps any test automation enthusiastic people to capture xPaths and other Selenium locators for any given web URL. It will generate the optimised xPath and show how it was derived.