Testμ 2023 Home / Video /

Component Testing with WebdriverIO | Testμ 2023

Component Testing with WebdriverIO | Testμ 2023

...Playlist

...
  • Welcome Note Day 1 Testμ 2023 | Future Of Testing
  • The Lambdas in Testing and Where They Should Head to in 2025
  • Move Fast, Build Things…Safely!
  • WebDriver BiDi : Revolutionizing Cross-Browser Automation
  • Decoding the Future of QA and SDET Roles in the Tech-Driven World
  • Making Testing Fun with Playwright
  • Testing a Data Science Model
  • A Comprehensive Approach to Quality in the Age of Data & AI
  • Building an Appium 2.0 Plugin Live
  • App Development and Testing Journey with GitHub and HyperExecute
  • Testing Strategies for Micro-Frontends
  • A Hybrid Approach to Performance Testing
  • Removing Interrupts from End-to-End Test Automation
  • Leadership is Everyone’s Responsibility
  • Welcome Note Day 2 Testμ 2023 | Future Of Testing
  • Expanding the Horizon of Innovation in Testing
  • Evolution of Testing in Age of DevOps
  • My Crafting Project Became Critical Infrastructure
  • Let’s Play Rhetoric for All Things Testing
  • Sharpening Your Toolbox: Staying Ahead In The Tech World
  • Balancing the Test Pyramid, the AWS way!
  • Expect to Inspect – Performing Code Inspections on Your Automation
  • A Paradigm Shift from Automation to Autonomous to Deep Observability
  • Testing Beyond the Surface: Advanced Strategies for Rest API Testing
  • A Live Intro to Python Testing
  • Open Source for Fun and Profit
  • Chrome ❤️ Testing
  • Quality in Digital Transformation
  • Component Testing with WebdriverIO
  • Test Automation with SWAG
  • Sneak Peek on Future of Quality Assurance Survey
  • Welcome Note Day 3 Testμ 2023 | Future Of Testing
  • A Tester’s Journey In The World Of Machine Learning
  • Proudly presenting: Testing as a Service
  • Use Testing to Develop Better Software Faster
  • Managing Testing Landscapes, Frameworks and Tools for an Enterprise
  • How to get away with {{QA}} Manager's Failures
  • Houston, We Have Problems With The Queries
  • Rainbows & Unicorns: Testing serverless applications in AWS
  • Selenide Appium - Mutated Java Appium Client
  • Transitive Testing
  • Testing at Scale at Meta
  • Generative AI for Software Productivity
  • Scalable Enterprise Testing with Vue.js

About the talk

Dive deep into the next-level component testing with WebdriverIO! Be a part of this transformative session with Chrisitian Bronmann, Founding Engineer, Stateful Inc., as he showcases live demos across Vue, Svelte, React & Preact and level up your Component testing.

About Chrisitian Bronmann

Full-stack Engineer with a passion for Open Source and Open Standards. Driven individual with the ability to adapt to any situation and proven potential to grow self and others. He is a quality-focused engineer with a background in automation technologies and test-driven development.

Key Highlights

35+ Sessions

60+ Speakers

20,000+ Attendees

2000+ Minutes

Live Q&As

𝐕𝐢𝐝𝐞𝐨 𝐂𝐡𝐚𝐩𝐭𝐞𝐫𝐬

00:00 Introduction

42:50 QnA

44:00 Conclusion

Key Topics Covered

Introduction to Component Testing: The session begins with a discussion on the importance of component testing and how it differs from traditional end-to-end testing. The speaker emphasizes the need for testing components in actual browsers rather than relying solely on virtual DOMs.

Background on Web Components: A thorough explanation of web components is provided, highlighting their significance in modern web development. The session delves into the history of web components, their evolution, and the role of standards like custom elements, shadow DOM, and HTML templates in creating encapsulated and reusable UI components.

WebDriverIO's Approach to Component Testing: The session showcases WebDriverIO's new browser runner capabilities introduced in version 8, which allow component tests to be directly run in browsers. This approach is contrasted with other component testing tools that may lack the ability to run tests in real browser environments.

Live Coding Demonstration: A significant portion of the video is dedicated to a live coding session, where the speaker demonstrates how to set up component testing with WebDriverIO. The demonstration covers the entire process, from configuring WebDriverIO for component testing to writing and running tests. The live coding session also touches on advanced features such as mocking and test coverage.

Comparison with Other Testing Tools: Throughout the session, WebDriverIO's component testing features are compared with other testing frameworks and libraries, such as Jest in combination with JS DOM. The limitations of relying solely on virtual DOMs for component testing are discussed, along with the advantages of testing in real browser environments.

Q&A and Further Discussion: The session concludes with a Q&A segment, where the speaker addresses questions from the audience. Topics include the role of mocks and stubs in component testing, the scope of component tests, and the potential for integrating code coverage metrics into testing workflows.

Related Blogs, Hubs and Certifications

How To Perform Cypress Testing At Scale With LambdaTest

Introduction To Cypress Test Automation Framework

Scalable & Reliable Cross Browser Testing With Cypress Framework

Now Run Your Cypress Tests On LambdaTest

Cypress 101 | Elevate Your Automation Game With Cypress

Cypress Testing Tutorial

Testμ

Testμ

Testμ (TestMu) by LambdaTest is an online-only conference that puts ‘you’ at the centre. It is by the community, for the community! Be it sessions on trends, hands-on learning sessions or talks on building the right culture, we keep ‘you’ at the centre of it all.

......
...

Testμ 2024

Join the free online conference to decode the future of testing!

...21 - 23 August, 2024

More Videos from Testμ 2023