The E2E Testing Tool for VSCode Extensions #9
christian-bromann
started this conversation in
Extension Show and Tell
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
When I started working on Marquee which is a IDE homescreen extension that heavily relies on webviews I realised that existing tooling is not sufficient enough for my testing needs. While the best practices defined my the VSCode team are great, they do not allow me to test interactions between my webview and other VSCode components nor my webview in general. Therefore I build an e2e test solution that is build on top WebdriverIO, which is a popular e2e framework I maintain myself.
Features
The tools comes with pre-implemented page object model which abstracts away VSCode so you don't have to deal with selectors at all. These are maintained so in case a new VSCode version changes some selectors your tests stay stable. Other features are:
stable,insidersor a specified version) if neededHow to get started
Check out the documentation on the project website.
Demo
As mentioned above we use this tool to penetrate the Marquee extension and ensure that the webview works flawlessly and interacts with other VSCode components as expected. Here is how such automated test looks like:
References
The following extensions use this tool:
This project was highly inspired by the vscode-extension-tester project which is based on Selenium.
Beta Was this translation helpful? Give feedback.
All reactions