User-centric testing for frontend applications

Sep 2020

31 Mon

1 Tue

2 Wed

3 Thu

4 Fri 08:40 AM – 05:25 PM IST

5 Sat 08:45 AM – 05:25 PM IST

6 Sun

NIMHANS Convention Centre, Bangalore, Bangalore

JSFoo is in its tenth edition this year. The conference will cover two broad themes:

JavaScript in the enterprise on day 1.
JSFoo Pro on day 2, where a single day is dedicated to discussing advanced topics related to the web.

Participant profile at JSFoo 2020
JSFoo Bangalore edition is an annual conference for practitioners, by practitioners. Participants at JSFoo include:

Experienced senior engineers
Team leads
Architects
Product managers
Front-end engineers working in enterprises
Full stack engineers workings in enterprises and large organizations.

Event details
Dates: 4 and 5 September
Venue: NIMHANS Convention Centre, Bangalore
Call for Proposals and speaking opportunities at JSFoo: https://hasgeek.com/jsfoo/2020/proposals

Contact information
For inquiries about conference tickets, bulk bookings or any other information, call JSFoo on 7676332020 or email sales@hasgeek.com

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

User-centric testing for frontend applications

Submitted Jun 20, 2020

Session type:: Full talk (40 mins duration)

Components are the building blocks of modern web applications. Unit and Integration tests for these components become heavily dependent on the implementation of components over a period of time. These tests don’t verify user interactions with the component. They sometimes give false positives, test cases fail though the component works correctly and false negatives, test cases pass though the component doesn’t work correctly.

As the application evolves the code also evolves. Developers sometimes fix test cases even if functionality remains the same. This results in poor developer experience as new developers need to know implementation while fixing any broken test cases and software maintainability also becomes difficult.

Learn to mitigate the above-mentioned problems by using the user-centric testing approach. The approach verifies user interactions with the component instead of checking the internal details of the component. This makes tests more readable and better manageable.

Outline

Types of testing
Drawbacks of the traditional testing approach.
Demonstration of the issues in the traditional testing approach.
What is user-centric testing?
How it mitigates the issues in the traditional testing approach?
Demonstration of user-centered testing in react.
How we used user-centric testing to refactor our legacy web application built using react?

Speaker bio

Abhinav works as a Software Engineer at Zendrive where he manages the analytics dashboard and internal front-end applications. He is passionate about React, testing, design patterns, algorithms, and web performance optimizations. Having spoken professionally on some of these topics at local conferences, he also writes blog posts about them.