WebdriverIO v7 Released

Image for post
Image for post

WebdriverIO recently came out with v7, in this post, I will quickly go over some of the high-level changes that are part of this release. I will also cover how you can upgrade your WebdriverIO v6 project to v7.

WebdriverIO v7

For everyone else that is still using JavaScript with WebdriverIO, it’s still good news as part of this rewrite they have fixed lots of bugs that you might have encountered when using WebdriverIO.

So for typescript projects, there are a couple of changes you will need to make which you can read about over here.

Dropped support for Node v10 — It’s recommended now to upgrade your Node version to v14 or higher

Chrome DevTools Service — Few changes have been made in the dev tools service to improve Google LightHouse Integration for the UI performance tests and new support has also been added for checking if your app supports the PWA standards.

Compiler — With v7 they have made using compiler tools like Babel and Typescript a lot easier. It will automatically configure everything for you as long as you have installed the necessary babel and typescript packages. So no more wasting time on configuring stuff.

Docs — They have a new website now with improved documentation

  • Support for dark mode
  • New Community section — you can also find the resources section in this if you are looking for resources to learn about WebdriverIO, along with my Tutorial Series on YouTube

To learn more about the changes that are part of the v7 release, you can check out the official blog here.

Upgrade your project from v6 to v7

Now the tutorial series that I have built on WebdriverIO is using v6, you can still go ahead and continue to watch those as none of those have been changed. So you probably fit in one of these 2 scenarios –

  • You are starting off with learning WebdriverIO, if that’s the case then when you will install WebdriverIO, you will automatically get v7 and then you can just continue on with watching the rest of the videos.
  • Or, you have already watched some of my videos and you are using v6 then you will need to upgrade to v7 which I will cover on how you can do that. Just so you know you don’t have to switch to v7 but I would still recommend you to do that as you will get access to all the new features and bug fixes that were made as part of this release.

I have upgraded my existing GitHub repository that was built using WebdriverIO v6 to v7. Here are the steps I took to do that –

  • Used npm-check-updates package to check all the dependencies that need to get updated
  • Deleted node_modules package
  • Updated the package.json using ncu -u command
  • Re-installed all the new packages

After the upgrade, I ran the tests again and everything worked successfully.

Check out the video below to learn more about WebdriverIO v7 and the upgrade -

📧 Subscribe to my mailing list to get access to more content like this

👍 Follow automationbro on Twitter for the latest updates

This post was written with the help of a high amount of caffeine. And, if this post helped you out and you would like to support my work, you can do that by clicking on the button below and continue supporting my caffeine love :) -

Image for post

You can also support me by liking and sharing this content.

Thanks for reading!

Save changes

SDET Architect | YouTuber | Tech Blogger | Love to explore new tools and technologies. Check out my YouTube channel — https://youtube.com/automationbro

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store