JavaScript Test Automation Complete Tutorial | Selenium JavaScript Tutorial | LambdaTest

This JavaScript test automation tutorial covers everything you need to know to work with JavaScript for Selenium automation testing.
Start FREE Testing: accounts.lambdatest.com/regis...
In this Selenium JavaScript Complete Tutorial, Ryan Howard (@ryantestsstuff) dives deep into how Selenium WebDriver with JavaScript can be used for automated testing of web applications. By the end of this video, you will learn to perform cross browser testing using Mocha with JavaScript at scale on cloud Selenium Grid like LambdaTest , thus enhancing testing experience.
𝗔𝗟𝗦𝗢 𝗟𝗘𝗔𝗥𝗡 🎫
🔸 Can JavaScript be used for automation?
🔸 How JavaScript is used in testing?
🔸 Can you test JavaScript with selenium?
🔸 What is a JavaScript test runner?
🔸 Can we automate JavaScript using Selenium?
🔸 How does Selenium handle JavaScript?
🔸 Can Selenium read JavaScript?
𝗩𝗜𝗗𝗘𝗢 𝗖𝗛𝗔𝗣𝗧𝗘𝗥𝗦 👀
0:00:00 Introduction
0:00:48 What is JavaScript & Selenium Webdriver?
0:10:37 How to write and run test scripts in Selenium with JavaScript?
0:31:37 What is Assertion in Selenium JavaScript?
1:09:23 What is Parallelization? Running Tests in parallel with Mocha?
1:22:14 What is Mochawesome? & How to Install & Set up Mochawesome ?
1:42:53 Running Tests on LambdaTest Selenium Grid cloud
2:12:05 What is Headless Testing In Selenium JavaScript?
2:23:04 Why and when to use Parameterized Test in JavaScript?
2:47:29 Conclusion
👌 𝗖𝗢𝗠𝗣𝗟𝗘𝗧𝗘 𝗧𝗨𝗧𝗢𝗥𝗜𝗔𝗟 𝗦𝗘𝗥𝗜𝗘𝗦 🚩
◾ JavaScript Test Automation Tutorial 2021 | What is JavaScript? | Part I: bit.ly/37gAAHl
◾ How to write and run test scripts in Selenium? JavaScript Test Automation Tutorial | Part II: bit.ly/3CgqmoU
◾ What is Assertion in Selenium? | Part III: bit.ly/2VuojfU
◾ Getting Started with Mocha | Part IV: bit.ly/3Cdsn50
◾ Do mocha tests run in parallel? JavaScript Test Automation Tutorial | Part V: bit.ly/3fwtPpt
◾ Selenium WebDriver With JavaScript Tutorial | Generate Mocha Report With Mochawesome | Part VI: bit.ly/3jkDz7v
◾ Selenium Automation Testing On The Cloud | Selenium WebDriver With JavaScript Tutorial | Part VII: bit.ly/38JL7vw
◾ Headless Testing in Selenium | Selenium WebDriver With JavaScript Tutorial | Part VIII
bit.ly/3yUPzSE
◾ Parameterized Test With Mocha | Selenium WebDriver With JavaScript Tutorial | Part IX: bit.ly/3qlHKDj
👉🏻𝗕𝗟𝗢𝗚𝗦 & 𝗦𝗨𝗣𝗣𝗢𝗥𝗧𝗘𝗗 𝗗𝗢𝗖𝗦
◾ Mocha JavaScript Tutorial With Examples For Selenium Testing: bit.ly/3yp0B3m
◾ Automation Testing with Selenium JavaScript [Tutorial]: bit.ly/3BppQDB
◾ How To Use JavaScript Wait Function In Selenium WebDriver: bit.ly/3DbIAr3
◾ Using Page Object Model (POM) Pattern In Selenium JavaScript: bit.ly/3FlBIt6
◾ JavaScript With Selenium - Running JavaScript Scripts On LambdaTest Selenium Grid: bit.ly/3gEUiSe
◾ Best 9 JavaScript Testing Frameworks: bit.ly/3FnjirL
◾ Automation Testing with Selenium JavaScript [Tutorial]: bit.ly/3BppQDB
◾ LambdaTest/jest-selenium-webdriver-sample: bit.ly/3H658vl
◾ LambdaTest vs Selenium: bit.ly/3pkX5Vy
Master fundamentals of Selenium Automation Testing with Selenium JavaScript 101 Certification from LambdaTest: bit.ly/3gCQqRQ
Why Sign Up for LambdaTest? Because it’s FREE! 🙌
Conduct scalable and reliable cross-browser compatibility testing: bit.ly/3lNWpVF
Register Now to Avail the Bonanza Offerings ✌🏻
+ Test website on 3000+ mobile and desktop browser environments over LambdaTest cloud
+ Online scalable Selenium Grid to perform Manual testing as well as Automation testing
😃 For questions: Contact us at [e-mail]
*𝑬𝒙𝒑𝒍𝒐𝒓𝒆*
🎬 Most Recent Videos: bit.ly/3kUUeAQ
🎓 Learning Hub : bit.ly/3fr6l4Z
🎥 Our Customers: bit.ly/2TB7pvD
🚀 Webinars: bit.ly/37i41co
🛠️ Product Updates: bit.ly/3717NGO
💬 LambdaTest Certifications: bit.ly/3x4EtcY
📢 FREE For Limited Time Only 🕑, Enroll Now!
*𝑺𝒐𝒄𝒊𝒂𝒍*
📝 BLOG: bit.ly/3yGVsUc
👥 COMMUNITY: bit.ly/3Aiz5oO
🔴 NEWSLETTER: bit.ly/3juhxzc
🖼️ GITHUB: bit.ly/3jowfYs
🛠️ KZbin: bit.ly/3rH2Yfh
🌎 LINKEDIN: bit.ly/3xA6F84
👥 FACEBOOK: bit.ly/37mbQOa
🐦TWITTER: bit.ly/3Cn0g3A
📸 PINTEREST: bit.ly/2VCXI05
#selenium #javascript #crossbrowsertesting #lambdatest #automationtesting #mocha #parameterizedtesting #unittests #integrationtests #e2etests #unittesting #jstests #js #mochaframework
Disclaimer:
This video features materials protected by the Fair Use guidelines of Section 107 of the Copyright Act. All rights reserved to © 2021 LambdaTest. Any illegal reproduction of this content will result in immediate legal action.

[@timothylee8902]

Thank you so much, this tutorial was amazing. Every single concept broken down into small bite size parts to make it really easy to understand. Keep it up please!

[@LambdaTest]

Glad it helped!

[@JoolieEm]

Hello Ryan, this is a great tutorial on testing in the Mocha framework. Thank you so much for your hard work 🙏💗 I've been learning JavaScript for just a few months and this tutorial is VERY clear and understandable to follow. Great job 👍

[@LambdaTest]

Hey Justyna, Glad you liked it! 😊 Make sure you subscribe to our KZbin Channel for more such tutorials!

[@luizassis2261]

Hey Ryan, I'm from Brazil, this course is amazing. Step by step everything explained and instructive, congratulations bro! Please keep creating content like this.

[@LambdaTest]

Thanks Luiz! Subscribe, and look forward to more such tutorials! ✨

[@mauriciohenaorua1227]

this tutorial is astounding in my opinion, thanks for this marvelous course I was needing for some projects I need to automatize

[@LambdaTest]

Hey Mauricio, Thanks for watching the video and glad that it was helpful!

[@odyseeus7117]

This is the best selenium tutorial on youtube! 👏👏👏 I hope it hits the number of views and likes it truly deserves.

[@LambdaTest]

Wow, thank you!

[@KyreonGames]

Loved this tutorial, everything is well explained and you helped me understand some concepts and the reason behaind them. Keep bringing this kind of content!

[@LambdaTest]

Great to hear!

[@flowbrandz316]

I'm five minutes in and I can already tell your videos are a freaking god-send. Plus your accent makes listening and comprehending as easy as it should be in your native tongue...even for this American ;)

[@LambdaTest]

Glad you like them!

[@jeffersonpalencia8901]

Thanks a lot man for the tutorial, really, you make this so simple to understand that is easy to use directly into the code .

[@LambdaTest]

Glad it helped!

[@raimondev6847]

Congratulations from Spain. A great tutorial, direct and easy. Thank you for this kind of videos for sharing your knowledge. You have a new subscriber!

[@LambdaTest]

Thanks Raimondev!

[@nikitanovikov7004]

Best tutorial i've ever seen on Selenium. Thank you so much! I only wish i could like this video second time!

[@LambdaTest]

Glad you liked this!

[@Alldeveloper2356]

I learned a whole lot. I like how you teach (step by step), very clear. Keep publishing great classes. Thank you!

[@LambdaTest]

Thank you for your kind words! We're delighted to hear that you found the teaching style clear and informative. Please subscribe to our channel and stay tuned for more great content, and happy learning!

[@CassianoCMDO]

Thanks to Lambda Test for all this content, and thank you, Ryan, for share this with us.

[@LambdaTest]

Our pleasure!

[@abigailmariano]

This is very helpful for beginners like me. As a token of appreciation, I didn't skip the ads :) Thank you very much Sir Ryan Howard and the team!

[@LambdaTest]

Glad it was helpful! 😊 Please look forward to more such videos!

[@mikaelfilo5257]

Very helpful, professional and understandable video tutorial. I learned a lot in less than 3 hours and definitely I highly recommend.

[@LambdaTest]

Glad it helped! Make sure to subscribe to our KZbin Channel for more such tutorials! 😊

[@ninosbrothermichael1842]

Helped me get started. Thanks a bunch!

[@LambdaTest]

Glad you liked it! Subscribe to our channel for more such videos.

[@AhmedKhaled-wr8vn]

Hi Ryan ! This a very helpful Tutorial , appreciate your great job . Thank you so much for your hard work.👍

[@LambdaTest]

Thanks Ahmed 👋🏻, Glad you liked it ✨

[@darlansantoscarvalho6619]

What a fantastic job, mate. Here from Brazil and that´s the best tutorial, just love

[@LambdaTest]

Glad you liked it! Please subscribe the channel for more such videos🙂

[@marto877]

amazing work, very clear and instructive👏🏻 highly recomended 🙌🏻

[@LambdaTest]

Thank you Martin, Glad it was helpful 👋🏻

[@jhonysfernandovallejoaceve2418]

these videos were really useful, thanks a lot.

[@LambdaTest]

Thanks Jhonys. Glad you liked it 💖

[@user-zz4jj2qd6h]

A good tutorial to get me going in the right direction. I had to add "await driver.manage().setTimeouts({implicit: 3000});" after the url call as it was too quick and not finding the elements

[@LambdaTest]

Thanks Ben ⚡️

[@gelotilaon4011]

Thank you! Big help!

[@LambdaTest]

Glad it was helpful!

[@8anA]

Great video learnt a ton from it!!! You have an editing error right at the hour mark where you didn't cut out the failed takes. Again, loved the vid.

[@LambdaTest]

Glad you liked it! and thanks for highlighting the editing error :)

[@joke6215]

Not only I can learn how to write tests, but also how to solve errors like ReferenceError: describe is not defined, No test files found: "test" or [ERR_REQUIRE_ESM], by using stackoverflow. Yes, I'm aware that these problems are not caused by You, it's just a part of experience. 10/10, it's the best tutorial on the YT Edit: And now I see that I just needed to watch another 10 minutes to find a solutions to my other problems, 11/10 tbh.

[@LambdaTest]

We are glad that you found this tutorial helpful ❤ Keep up the great work, and thank you for the feedback. Your journey and progress are inspiring. If you have any more questions or need further assistance, feel free to ask. Happy testing!

[@swapniltiwari4899]

How did you fix it? I am struggling to fix the issue

[@joke6215]

@@swapniltiwari4899 If you are using newest versions of JS, mocha, ect., don't use chai, that's for sure, and there was something to do with config files, I don't really remember what, but googling error codes eventually solved my problems

[@joke6215]

@@swapniltiwari4899 Honestly I don't remember now, but I'm sure that if you are using latest versions of software, you have to exclude chai from code, other problems can be solved by googling errors (took me like 1h or so).

[@pabloperalta1994]

@@swapniltiwari4899 i fixed it by changing in the package.json that says the version of chai to 4.2.0 instead of 5, and then run again an npm install. This downgraded the version of chai to one that supports require.

[@gasghsdsssa7359]

You helped me a lot. Thank you,

[@LambdaTest]

Glad to hear that!

[@aparnausa3619]

i have read the comments and i am going to start watching right from today

[@LambdaTest]

Great !! All the best

[@nicoae]

Thanks bro, This tutorial help me very much!

[@LambdaTest]

Glad you liked it! Please subscribe to our KZbin channel for more such videos 🌟

[@tarekhammami2108]

Cheers mate, that helped a lot

[@LambdaTest]

Glad it was helpful!

[@user-pg7hj9qj1p]

Hello Ryan, I really liked your tutorials, These lessons helped me a lot to understand and adopt the new platform, however, if you could create another updated version of these tutorials for Windows OS, it would be lot helpful. Thank you

[@LambdaTest]

Thanks for the feedback, Subscribe to our channel for more such tutorials! ✨

[@coolbang2650]

great video.. do you have tutorial for js implementation of cdp or bidi? network intercept or other examples would been great

[@LambdaTest]

Thanks cool! Let us get back to you on this

[@vitorqlima]

Subscrited! Great tutorial, it's perfect!

[@LambdaTest]

Glad you liked it. Please subscribe to our KZbin channel for more such videos 🌟

[@tatjanavasovicbursac4353]

This course was an eye-opening, since I've done automation in Cypress only, and once I saw how you included Mocha and Chai assertions it basically looks the same to me...So can you explain to me if there's difference in the code writing, between those two automation tools, meaning Cypress and Selenium?

[@LambdaTest]

Hey Tatjana, Hope the session was helpful ! There are syntax differences between the frameworks.

[@zahidullahsherzad5957]

Thank you so much for your invaluable tutorial! With your guidance, I've successfully developed real-world benchmarking for both WebAssembly (Wasm) and JavaScript (JS). Now, I'm eager to automate these benchmarks to facilitate comparisons between the two technologies. I'm particularly interested in leveraging the Lambda Test report for printing all the benchmark reports. Could you please advise if it's feasible to integrate and display all the reports in the Lambda Test report? like to print the performance and memory taken by both technologies.

[@LambdaTest]

Hey there, You have the flexibility to tailor the widgets on the analytics dashboard to fit your specific needs. Additionally, by utilizing the analytics API, you can create a personalized dashboard. For further details, please visit www.lambdatest.com/blog/lambdatest-analytics/

[@videoportalfortesting6839]

Cool video!

[@LambdaTest]

Glad you enjoyed it

[@magduchaes921]

Awesome tutorial, have silly question: according to 42m, why I don't see anything I output in my terminal? Test execute but don't have any status anywhere

[@LambdaTest]

Hey Magducha, let us get back to you on this

[@LambdaTest]

Hi Magducha, First of all, WebDriver JavaScript will not generate any Reports. If you mention any console messages, that you can see in the Visual Studio code Output tab. By Default, after code running completion you can see "[Done] exited with code=0 in 6.212 seconds" this statement in Output Tab.

[@mrcenobittas]

Awesome tutorial. how can i make the test close the browser when gets a error? in my test it continues open.

[@LambdaTest]

Hey Daniel Can you try using driver.close(). Or setting a boolean flag and when the test fails, the boolean flag is set to true. And then using driver.close() or System.exit(1)

[@TMalaland1]

For recent video viewer (up to 2024) change the require to import to avoid issues

[@LambdaTest]

Hey there, The error message you're encountering, "mvn : The term 'mvn' is not recognized as the name of a cmdlet, function, script file, or operable program.", indicates that Maven is either not installed on your system or its installation path is not added to your system's PATH environment variable. Maven is a build automation tool used primarily for Java projects, and it's required for compiling and running tests with Appium for many Java-based projects. First, you should check if Maven is indeed installed on your system. Open a new command prompt or terminal and type: mvn -version If Maven is not installed, you will need to install it. Here are the general steps for installing Maven: - Download Maven: Go to the official Apache Maven download page and download the latest version. - Extract the Archive: Extract the downloaded archive to a folder on your computer, e.g., C:\Program Files\Apache\maven. Set Up Environment Variables: M2_HOME (Optional on newer versions): Add a new system variable named M2_HOME that points to your Maven folder, e.g., C:\Program Files\Apache\maven. JAVA_HOME: Ensure you have the JAVA_HOME environment variable set to the path of your JDK installation. PATH: Add Maven’s bin directory to the system’s PATH variable, e.g., C:\Program Files\Apache\maven\bin. This allows you to run Maven from the command line anywhere.

[@Hi57064]

Good content.

[@LambdaTest]

Glad you enjoyed it

[@beautyna1]

@ryantestsstuff hi! I am stuck on the first part and not sure why When I add the tests and the first test file and run the code after writing the first assertion i got an error Applicable driver not found; attempting to install with Selenium Manager (Beta).... I followed all instructions but could have missed something. Also when I added Mocha, and removed the 'tests/*js' from npx mocha --no-timeouts 'tests/*js' command, it didnt find the test file! why? when i add the follwoing command it works npx mocha --no-timeouts 'tests/*js' .

[@LambdaTest]

Hey there 👋🏻 The error "Applicable driver not found..." means Selenium WebDriver for your browser is missing. Ensure it's installed and properly set up. For your Mocha issue, npx mocha --no-timeouts 'tests/*js' tells Mocha to find JavaScript files in the "tests" directory. If you remove 'tests/*js', Mocha looks in its default "test" directory. So, if your tests are in "tests", you need to specify 'tests/*js' or Mocha won't find them.

[@niharshiplu]

Great contest. One interesting observation, how come sequential tests execution (19 sec) is taking lesser time than parallel tests execution (23 sec) using Mocha? Skip the video till 1:21:03 and see for yourself which is a bit confusing!

[@LambdaTest]

When working with a smaller test suite, the benefits of parallel execution might be outweighed by the overhead introduced. As you correctly pointed out: Setup/Teardown Overhead: Each parallel test might require its own environment setup and teardown. For small test suites, this overhead can become significant in proportion to the actual test execution time. Initialization Time: Parallel execution tools might take additional time for initialization, distributing the tests, and gathering results.

[@niharshiplu]

@@LambdaTest thanks for the clarification. 👍

[@LambdaTest]

Thank you

[@diegomitmaariza7493]

Coul I install npm webdriver-manager instead donwload the web drivers? its the same, isn't? Thanks

[@LambdaTest]

Yes, webdriver-manager is a helpful tool for managing the WebDriver binaries used by Selenium. Using webdriver-manager, you can easily download the WebDriver binaries (like ChromeDriver, GeckoDriver for Firefox, etc.) required for your Selenium tests.

[@celiat2945]

hello, thx for the tutorial, but I have an issu with firefox. When I type "node tests/firstTest.js" in the terminal, firefox only open for 1sec, I can't see what's going on, no error message, just the search bar being red (? I don't know why). I'm on Windows, and I have no error in the VS terminal either, just the indication of my driver and browser Path. I really don't know what to do...

[@LambdaTest]

Hey there, It sounds like the Firefox WebDriver (Geckodriver) may be closing immediately after executing. Here are a few things you can try: Explicit Wait: Ensure you're using explicit waits in your script. This will allow the browser to pause and wait for certain elements or conditions. Debugging: Add more logging to your test to capture any issues that might be occurring but not displayed in the terminal. Update Drivers/Browser: Ensure that both Firefox and Geckodriver are updated to their latest versions. Check Configuration: Verify that your Selenium configuration for Firefox is set correctly. Red Search Bar: The red search bar may indicate an insecure or problematic URL. Ensure that the URL you're navigating to is correct. If these don't help, please share more details about your test script or configuration for a deeper look.

[@robswiderski]

Hi i have problem with running an example from your tutorian on lambda test cloud. Locally it was working fine. But after modufication of script from chapter 7 (adding cloud Lambda test) I receive an error after npm test in terminal "" 1 passing (6s) 1 failing 1) Uncaught error outside test suite: Uncaught ReferenceError: capabilities is not defined" Any idea whot might be wrong?

[@LambdaTest]

Hey Robert, For configuring tests you need to add desired capabilities. Please have a look here: www.lambdatest.com/support/docs/selenium-automation-capabilities/

[@puneetoist1987]

Mochawesome folder is not generated when using --parallel flag. Anything changed there ? It works when i remove the --parallel flag

[@LambdaTest]

Hey @puneetoist1987, you can try looking at the official document when dealing with parallel Mode: www.npmjs.com/package/mochawesome#parallel-mode

[@kenojayaguiar3143]

great video, has anyone ever told you that you look like Tobey Macguire?

[@LambdaTest]

I'm glad you enjoyed the video! Subscribe to our channel to never miss an update on the upcoming tutorials! ✨ And yes, I've heard that before 😊

[@stevanoliveira5949]

Hello. I'm stuck at the beginning, when I first try to launch firefox using the command 'node tests/firstTest.js' nothing happens when I send it. I have already downloaded the browser and also put the gecko path as an environment variable =/

[@LambdaTest]

Hey Stevan, Can you please try once again deleting the node_modules folder and reinstalling the 'selenium-webdriver' package with 'npm install selenium-webdriver'

[@katialee1299]

Thank you so much for the tutorial! it is great so far but for some reason the new browser window is not opening up for me. Can anyone help me get unstuck please.

[@LambdaTest]

Thanks Katia. Let us get back to you

[@LambdaTest]

Hi Katia, Make sure you have downloaded compatible browser driver based on your Browser version. if not please use WebDriverManager .

[@johnfarrell4178]

After running the parallel command "npm test" where test="mocha --no-timeouts -parallel" it only runs 1 js test successfully and the second test window remains open and does not navigate to the todo website. Any ideas what could be issue ?

[@johnfarrell4178]

Resolved my issue by using --max-parallel in the test command

[@LambdaTest]

Glad to know John!

[@MightyCats2011]

Why use Javascript for Test Automation over Java? I think Java is more commonly used and more autocomplete e.g. you had to write require code selenium-webdriver. But in a IDE like Eclipse can autocomplete the require library lines

[@LambdaTest]

Hey there, Choosing JavaScript over Java for test automation, or vice versa, often depends on the specific needs of the project, team expertise, and the testing ecosystem you're working within. While Java is indeed a popular language for test automation, with extensive support and a rich ecosystem, there are several compelling reasons to consider JavaScript: Web Alignment: JavaScript is native to web development, aligning closely with web technologies and allowing for seamless integration in projects that use JavaScript for development. Modern Frameworks: JavaScript offers modern, powerful testing frameworks like Jest, Mocha, Cypress, and Playwright, designed for the dynamic nature of web applications, with features like real-time feedback and native browser API access. Simplicity and Speed: JavaScript can simplify the setup and execution of tests, especially in projects that already use JavaScript, providing faster development cycles and immediate feedback. Full-stack Compatibility: For projects using JavaScript across the full stack, testing in the same language can streamline development, allowing for shared code and easier management. While Java has its strengths, including robust IDE support and a mature ecosystem, JavaScript's alignment with web technologies and modern testing capabilities make it a compelling choice for many web application projects.

[@AdijatAkande]

How do we set gecko driver path for Windows machine?

[@LambdaTest]

Hey Adijat, To set the geckodriver path for a Windows machine,you have to download the latest version of the geckodriver executable from the official Mozilla releases page (github.com/mozilla/geckodriver/releases). Add the folder containing the geckodriver executable to the system's PATH environment variable. To do this: a. Open the Start menu and search for "Environment Variables". b. Click on "Edit the system environment variables". c. Click on the "Environment Variables" button. d. Under "System Variables", scroll down and find the "Path" variable. Select it and click "Edit". e. Click "New" and enter the path to the folder containing the geckodriver executable (e.g. "C:\geckodriver"). f. Click "OK" to close all windows. Restart any open command prompts or terminals to ensure that the new PATH environment variable is applied.

[@levanigogaladze8934]

It is always hard for me to set up mocha configuration on javascript it always gives me errors like that. Error: No test files found: "test", ReferenceError: describe is not defined. I searched it on StackOverflow but it does not make sense.

[@LambdaTest]

Hi Levani, Let us get back to you on the same.

[@MrProtodox]

Hey Ryan, I installed Chai and when I run the test I get the following error. I did everything according to your example: Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/.../firstTest.js not supported. Instead change the require of chai.js in /Users/.../firstTest.js to a dynamic import() which is available in all CommonJS modules. at Object. (/Users/.../firstTest.js:3:14) { code: 'ERR_REQUIRE_ESM' } Node.js v20.10.0

[@LambdaTest]

Hi , thank you for reaching out and sharing the error you encountered. Our team is currently investigating this, and we'll get back to you soon with a solution or guidance on how to resolve this particular problem. Your patience is appreciated!

[@jacobjones6794]

At 8:16 you said that we needed to update the path. I use windows and I went to the Environment Variables, but I am not sure what to look for exactly in there. Can you please help me figure that part out. Because when I tried doing the first test example in my VSCode, it says, "code: 'MODULE NOT FOUND',"

[@HumorToVivoTv]

you need to add this information, in the path of the system variable, just locate, and click to edit, and add a new line with the path

[@LambdaTest]

Hey Jacob, Let us know if you are able to resolve

[@jacobjones6794]

@@LambdaTest I was able to resolve it! Once you go into Environment Variables, you double click on the PATH variable and then you copy and paste your file route there.

[@samaremad6878]

Hello Ryan, really it is good tutorial but i faced problem when i called node test/firstTest.js nothing happened please help me urgently i need to do that task

[@LambdaTest]

Hey Samar, One of the most common issue of not able to run the test is incorrect path directory. Can you please recheck. Also please see if you have installed all the dependecicies required to run the test. Please let us know if this helps.

[@x-men6180]

Hello sir, how can I scroll up and down. Because some web page don't load all results, they load dynamically when you scroll down. So how can I able to scroll up and down. Please help

[@LambdaTest]

Hey 👋🏻, Can you try using js.executeScript("window.scrollTo(0, document.body.scrollHeight)"); You can also read more about automated scrolling here: www.lambdatest.com/blog/scroll-a-webpage-in-selenium-using-java/

[@swapnapatil8907]

Hey Ryan I am getting below error while running firsttest.js throw new Error( ^ Error: Do not know how to build driver: Firefox; did you forget to call usingServer(url)?

[@LambdaTest]

Hey Swapna Make sure you have the necessary dependencies installed, including the correct version of Firefox and GeckoDriver. Double-check your code to ensure the WebDriver for Firefox is set up correctly and that you've called the "usingServer(url)" method with the appropriate URL. If you're using a testing framework, verify its configuration for Selenium and Firefox. Update to the latest Selenium WebDriver for JavaScript if needed.

[@javastaker]

Greetings, my browser Chrome, closes a few seconds after executing the function example.

[@LambdaTest]

Hey Javastaker 👋🏻 If the issue still persists, can you update your dependencies and try again. Please let us know

[@damienosullivan6353]

I am unable to get the test title inside the beforeEach() function with the below code: `ltCapabilities.capabilities.name = this.currentTest.title;` I get this error message: TypeError: Cannot read properties of undefined (reading 'title')

[@LambdaTest]

Hi Damien, let us get back to you on this

[@damienosullivan6353]

@@LambdaTest Thanks for the response. I'm using Mocha ^9.2.1 if that's useful to you. I followed the code all the way, but can also share it if necessary. Thanks again!

[@LambdaTest]

Hi Damien, Check beforeEach Method is inside describe block. And Check the variable name defined for reading capabilities.js file for ex: if you use different variable name const ltcaps=require("../capabilities") then this statement should be ltcaps.capabilities.name=this.currentTest.title;

[@KaziMdRagib]

@@damienosullivan6353 check your capanbilities.js file if it looks like this below then, you have to access LT:Options property to get name. so you have to access like this, ltCapabilities.capabilities["LT:Options"].name = this.currentTest.title; capabilities.js file : var capabilities = { 'LT:Options': { "user": "*******", "accessKey": "*********", "build": "Test Build", "name": "Selenium Test", "platformName": "Windows 10", "selenium_version": "4.0.0" }, "browserName": "Chrome", "browserVersion": "100.0", } Let me know if it works or not!

[@630hu]

Can't find Javascript option on the Lambdatest Capabilities Generator. With Node.js it does not working. What should I do? Thnaks

[@630hu]

@LambdaTest could you please answer this? 1:48:01 , but we can not choose Javascript now.

[@LambdaTest]

Hey there, You can select the Language as NodeJS and Tool as Selenium. Please let us know if you face any issues.

[@boyapatiramakrishna2068]

How to run the selenium code in the html page with the invoke of a button. You told to run from the terminal. It is fine. Please tell me how to run it from the html page with the click of a button.

[@LambdaTest]

Hi BK, let us get back to you

[@LambdaTest]

Hey BK, The optimal solution is create a Jenkin freestyle project, call the Jenkin API in UI Button programmatically

[@boyapatiramakrishna2068]

@@LambdaTest Thank you very much for your reply. I will go through it and see how it works.

[@ganeshkhirwadkar4127]

Amazing ! But I guess quality of videos could be enhanced as it deals with coding and people have to seeeeeee.

[@LambdaTest]

Sure, thank you for the feedback. We will definitely take this into consideration.We'll work on enhancing it to provide a better viewing experience.

[@babemeltzer]

Is the todo-app site still available?

[@LambdaTest]

Yes it is available. Here's the link for the same: lambdatest.github.io/sample-todo-app/

[@aquariusacademy]

isn't Mocha like something different from Selenium? Why aren't you using grids

[@LambdaTest]

Mocha and Selenium serve different purposes. Mocha is a testing framework for organizing test cases, while Selenium is for browser automation. Combining them allows for structured and automated testing. Selenium Grid is indeed useful for parallel testing across browsers and platforms, and it can be integrated with Mocha and Selenium for even more efficiency.

[@havefun9380]

when we login try with one driver browser, and login with multi user level can selenium do it?

[@LambdaTest]

Hey there, Yes, Selenium can handle multi-user level testing. You can create multiple WebDriver instances, each representing a separate user session. This allows you to simulate concurrent user interactions on your website or application. Just make sure to manage your WebDriver instances and user actions accordingly in your test script.

[@havefun9380]

@@LambdaTest thank you for the answer, i will trying it

[@LambdaTest]

You're welcome! If you have any further questions or need additional assistance, feel free to ask. Good luck with your efforts!

[@kingotkingovski]

ok i got to the part with the lambdatest test selenium grid and after doing everything i got these errors: "before each" hook for "successfully adds a todo to aplication": TypeError: Target browser must be a string, but is ; did you forget to call forBrowser()? "after each" hook for "successfully adds a todo to aplication": TypeError: Cannot read properties of undefined (reading 'quit') Also in the account i cant see anything in the dashboard.. it asks me what will i use lambdatest for.. And here what should i do? Thankyou for helping :D

[@LambdaTest]

Hi Slavcho, let us get back to you on this

[@kingotkingovski]

@@LambdaTest anything?

[@LambdaTest]

Slavcho, we need to make sure "await driver.get("www.lambdatest.com/selenium-playground/radiobutton-demo") statement is added either in beforeEach block or it block.

[@pongtester9206]

nice

[@LambdaTest]

Thanks

[@MohitSheth-ir6qg]

how can I take a screenshot in selenium js

[@LambdaTest]

Hey there, To take a screenshot in Selenium with JavaScript, you can use the takeScreenshot() method provided by the WebDriver API. This method captures the current state of the page as a screenshot in the form of a base64 encoded string. You can then write this string to a file to save the screenshot. Here’s how you can do it using async/await syntax in Node.js: const fs = require('fs'); const {Builder} = require('selenium-webdriver'); async function takeScreenshot() { let driver = await new Builder().forBrowser('chrome').build(); try { // Navigate to the URL you want to capture await driver.get('example.com'); // Take screenshot and get the result as a base64 encoded string let encodedString = await driver.takeScreenshot(); // Save the screenshot to a file fs.writeFileSync('screenshot.png', encodedString, 'base64'); } catch (error) { console.error(error); } finally { await driver.quit(); } } takeScreenshot();

[@a.t.4360]

i have written 4 tests, running them parallel, not sure what happened.. but all 4 run successfully complete yet firefox wont close, any idea what i am doing wrong?????

[@LambdaTest]

Hi A.T, let us get back to you on this

[@LambdaTest]

Hey A.T, You can check the results; if any test case fails on assertion, the Next statement, which is driver.close(), dont get triggered.

[@vicohadiansyah43]

Hi igot error like this succses fully add on todo list: WebDriverError: Unauthorized, either Username or AccessKey is invalid.

[@25dados]

Same problem here.

[@25dados]

Found this in the comments and it worked for me: "I believe the problem was when I was importing the values from capabilities.js file. When I input the same values directly in the test.js file under variables, it worked."

[@25dados]

Found the problem. Things changed since the video was released and the capabilities are expressed diferently now. In the test sheet, you have to add and additional step before the .username and .accessKey to invoke the object with the options: //username const USERNAME = ltCapabilities.capabilities["LT:Options"].username; //key const KEY = ltCapabilities.capabilities["LT:Options"].accessKey; That´s it!

[@LambdaTest]

Thanks, for sharing the updated version. You can also read more capabilty configurations through our Support Docs www.lambdatest.com/support/docs/

[@abiodunodusanya]

@@25dados it worked for me. Thank you!

[@eflick]

Is this posted somewhere else in better quality? 720p is terrible.

[@LambdaTest]

Hey Eric, Thanks for your suggestion. We will take of this 😇

[@dth2881]

Is there anyone have the same my error when do chai assertion like this: "[ERR_REQUIRE_ESM]" , I need some help, please ! :)

[@LambdaTest]

The error [ERR_REQUIRE_ESM] you're encountering is typically related to trying to require() an ECMAScript module (ESM) in Node.js, whereas ESM modules use the import statement for loading modules instead. This issue arises because Node.js treats JavaScript files as CommonJS modules by default, which use require() for importing modules, but if a module (like some versions of Chai or other dependencies you're using) is designed as an ESM, you must use the import syntax to include it in your files. Here are a few ways to resolve this issue: 1. Use Import Syntax If your environment supports ES Modules (e.g., a recent version of Node.js), you can switch to using the import statement instead of require(). For example: // Instead of const chai = require('chai'); import chai from 'chai'; 2. Update package.json to Use ES Modules You can explicitly tell Node.js to treat your JavaScript files as ES Modules by adding "type": "module" in your package.json: { "type": "module", ... } This change means you'll have to use import and export statements instead of require() and module.exports throughout your project. 3. Use Dynamic Import() for ESM Packages If you need to keep using CommonJS syntax for other parts of your project but want to import an ESM module, you can use a dynamic import() statement, which returns a promise: import('chai').then(chai => { // Use chai here }); This approach can be less convenient if you're using Chai for synchronous assertions, but it's a workaround for mixing ESM and CommonJS modules.

[@dth2881]

@@LambdaTest Thank you very much and I appreciate your helping

[@tejastoley6714]

Hello Ryan, when i run the script it throws the error Error: Cannot find module 'node:events' Require stack: - F:\jsselenium\selenium ode_modules\selenium-webdriver\bidi\index.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\lib\webdriver.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\chromium.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\chrome.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\index.js - F:\jsselenium\selenium\logintest.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18) at Object. (F:\jsselenium\selenium ode_modules\selenium-webdriver\bidi\index.js:18:26) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) { code: 'MODULE_NOT_FOUND', PS F:\jsselenium\selenium> node .\logintest.js internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'node:events' Require stack: - F:\jsselenium\selenium ode_modules\selenium-webdriver\bidi\index.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\lib\webdriver.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\chromium.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\chrome.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\index.js - F:\jsselenium\selenium\logintest.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18) at Object. (F:\jsselenium\selenium ode_modules\selenium-webdriver\bidi\index.js:18:26) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\bidi\\index.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\lib\\webdriver.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\chromium.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\chrome.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\index.js', 'F:\\jsselenium\\selenium\\logintest.js' ] } PS F:\jsselenium\selenium> node .\logintest.js internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'node:events' Require stack: - F:\jsselenium\selenium ode_modules\selenium-webdriver\bidi\index.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\lib\webdriver.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\chromium.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\chrome.js - F:\jsselenium\selenium ode_modules\selenium-webdriver\index.js - F:\jsselenium\selenium\logintest.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18) at Object. (F:\jsselenium\selenium ode_modules\selenium-webdriver\bidi\index.js:18:26) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\bidi\\index.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\lib\\webdriver.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\chromium.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\chrome.js', 'F:\\jsselenium\\selenium\ ode_modules\\selenium-webdriver\\index.js', 'F:\\jsselenium\\selenium\\logintest.js' ] }

[@LambdaTest]

Hey there, The error Error: Cannot find module 'node:events' suggests an issue with your Node.js environment or the way Selenium WebDriver is set up in your project. Here's how to troubleshoot and resolve this issue: Node.js Version: Ensure you're using a recent version of Node.js. The node:events module is a modern feature, and older versions of Node.js might not support it. You can check your Node.js version with node -v and update it if necessary. Reinstall Node Modules: Delete the node_modules folder and the package-lock.json file in your project directory. Run npm install to reinstall the project dependencies. Check Selenium WebDriver Version: Make sure you're using a compatible version of Selenium WebDriver. You can update it using npm install selenium-webdriver@latest. Revisit the Script: If the issue persists, there might be a specific problem with how the script is written. Check the logintest.js file for any unusual or incorrect usage of modules. Please let us know if you are still facing the issue

[@tejastoley6714]

@@LambdaTest i have installed the latest version of node js

[@LambdaTest]

That's great! Having the latest version of Node.js will definitely enhance your development experience with LambdaTest

[@zzz_sleep3935]

Your font size too small

[@LambdaTest]

Thanks for the feedback Zzz....!...Will consider this point while working on the next video :)

[@Hespi.]

Great tutorial, but the voice is a little bit bad.

[@LambdaTest]

Glad you liked it! Please subscribe to our KZbin channel for more such videos 🌟

[@Junk-Junky]

very nice tutorial, but my ears are done, sometimes the sound is so loud I had to take my headphones down, sometimes I cant hear a thing

[@LambdaTest]

Thanks for the feedback!

[@j.k.ravshanovich]

Nice tutorial. But your identation style confuses beginners.

[@LambdaTest]

Hey Jasurbek, Glad you liked the tutorial!...Do let me know which part you are referring to in particular, Will try to explain in simpler way.

[@j.k.ravshanovich]

@@LambdaTest All indentations went to left inside the example function and describe. I know JavaScript ignores whitespace but it is still nice to have your code indented. I was following your instructions, at one point selenium opened the browser and closed immediately even though I didn't use driver.quit(). I was trying to compare my code to yours and I was a little confused. Still couldn't not find a issue. Then I resolved the issue in a traditional way; by restarting the computer 😁

[@LambdaTest]

Thanks Jasurbek for your suggestions! We will makes sure we have all the best practices incorporated while we are working on the next set of videos :)

[@LD_1]

Finally not indian tutorial...

[@logiccomputer8000]

Do you hate Indians 🥲

[@chaits99sehgal]

I don't understand what was the need to keep the drum music in the background, its so annoying.

[@LambdaTest]

Thank you for the feedback; we always appreciate identifying areas where we can improve. We will surely work on it.🙂

[@NirajShrestha-wt4kp]

not helpful for windows at all.

[@LambdaTest]

Hi Niraj, Could you please share more details about the issues you encountered on Windows?

[@NirajShrestha-wt4kp]

@@LambdaTest I had issue with setting up the Environment variables on windows. I was confused which variables to set: User variables or system variables. So, setup the same path in both user and system variables and it is working now. Thanks for your reply.

[@strangelylookingperson]

My name is Ryan, I'm a robot.

[@SarfrazECT]

Hi Ryan. Thank you for such insightful Tutorial. Can you please help me here? I see this error when I am trying to execute my test on LambdaTest platform: WebDriverError: Unauthorized, either Username or AccessKey is invalid. at Object.checkLegacyResponse (node_modules\selenium-webdriver\lib\error.js:558:15) at parseHttpResponse (node_modules\selenium-webdriver\lib\http.js:579:13) at Executor.execute (node_modules\selenium-webdriver\lib\http.js:515:28) at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

[@LambdaTest]

The error message indicates that your LambdaTest credentials are invalid. Check that you have entered the correct Username and AccessKey, which can be found in your account's "Profile" section. If still the issue persists please contact LambdaTest support for assistance [e-mail].

[@SarfrazECT]

@@LambdaTest thank you very much for your reply. I checked it and it was correct. I believe the problem was when I was importing the values from capabilities.js file. When I input the same values directly in the test.js file under variables, it worked.

[@LambdaTest]

Thanks Sarfraz ⚡️

[@mounikareddy4539]

@@SarfrazECT Hello Sarfraz I am getting the same error. No matter what I changed it isn't working for me. can you please help me how you solved this? TIA

[@anna-iz5op]

I installed Mocha, wrote these describe and it functions and wanted to run the test. Unfortunately I have an error: Error: Not supported at Object.exports.doImport (/var/www/html/ania/newProject_git/node_modules/mocha/lib/nodejs/esm-utils.js:35:41) at formattedImport (/var/www/html/ania/newProject_git/node_modules/mocha/lib/nodejs/esm-utils.js:9:28) at Object.exports.requireOrImport (/var/www/html/ania/newProject_git/node_modules/mocha/lib/nodejs/esm-utils.js:42:34) at Object.exports.loadFilesAsync (/var/www/html/ania/newProject_git/node_modules/mocha/lib/nodejs/esm-utils.js:100:34) at Mocha.loadFilesAsync (/var/www/html/ania/newProject_git/node_modules/mocha/lib/mocha.js:447:19) at singleRun (/var/www/html/ania/newProject_git/node_modules/mocha/lib/cli/run-helpers.js:125:15) at exports.runMocha (/var/www/html/ania/newProject_git/node_modules/mocha/lib/cli/run-helpers.js:190:10) at Object.exports.handler (/var/www/html/ania/newProject_git/node_modules/mocha/lib/cli/run.js:370:11) at innerArgv.then.argv (/var/www/html/ania/newProject_git/node_modules/yargs/build/index.cjs:443:71) at process._tickCallback (internal/process/next_tick.js:68:7) at Function.Module.runMain (internal/modules/cjs/loader.js:834:11) at startup (internal/bootstrap/node.js:283:19) at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3) Process finished with exit code 1 I thought that maybe I should update something but in package.json document everything looks fine. What's the problem? :( { "name": "newproject", "version": "1.0.0", "description": "Selenium Example Project", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "Ann", "license": "MIT", "dependencies": { "chai": "^4.3.7", "chromedriver": "^108.0.0", "mocha": "^10.2.0", "node": "^19.3.0", "selenium-webdriver": "^4.7.1", "webdriver": "^8.1.3" } } I also have another project, running on the same computer, probably with older version of node and mocha and everything works there.

[@LambdaTest]

Hey there, Can you delete you node modules and install them again. These configuration should work. Please let us know if you still face the same issue.

[@anna-iz5op]

@@LambdaTest unfortunately I still have the same problem.

[@anna-iz5op]

It started to work when I uninstalled Mocha and installed the older version, which is 8. I'm glad it works now but what's actually the problem? :) Does Node js version 19 not support the newest Mocha version?

[@mohammadmohseni4862]

hello thank you for your very good toturial. 😍 in section 6 your path for customizeDir is under the camera layer and not defined.🥲

[@LambdaTest]

Hey Mohammad, thanks for liking the video. Let us check..

[@mohammadmohseni4862]

@@LambdaTest thanks 😍❤