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.
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.
35+ Sessions
60+ Speakers
20,000+ Attendees
2000+ Minutes
Live Q&As
00:00 Introduction
42:50 QnA
44:00 Conclusion
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.
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
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.
Join the free online conference to decode the future of testing!
21 - 23 August, 2024