TestCafe | 1 | Getting Started | Step-by-Step for Beginners

00:00 TOPICS
What is TestCafe
Features
Prerequisites & project setup
How to write 1st Test
Step by Step DEMO
00:36 What is TestCafe
Automation testing framework for web applications
Free and Open Source
Supports Windows, Mac , Linux OS
Easy setup
Can be used with multiple browsers
Runs on Node.js
Tests can be created with JavaScript or TypeScript, CoffeeScript
01:39 Features of TestCafe
Test Recording
Parallel runs on multiple browsers
Local and remote runs
Automatic page load wait time
Page object model support
CI/CD Integrations
TestCafe Studio
All Free Tutorials 🟢 AutomationStepByStep.com/
03:27 TestCafe - Prerequisites & Project Setup
03:43 Step 1 - Check if node.js is installed
node --version
npm --version
04:22 Step 2 - Install Node.js nodejs.org
06:24 Step 3 - Create a new folder and open in IDE (like VS Code)
09:45 Step 4 - Open terminal in VS Code and run command
npm init -y check package.json file created
12:28 Step 5 - Install TestCafe npm install testcafe --save-dev
check package.json file updated
14:27 TestCafe - Write 1st Test
14:33 Step 1 - Create a new folder for tests and create a file test1.js
16:41 Step 2 - Create a fixture and test section
fixture('Getting Started')
.page('google.com');
test('1st test', async t =＞ {
// Test code goes here
});
test('2nd test', async t =＞ {
// Test code goes here
});
TestCafe test files consist of fixtures and tests
A fixture is a groups of tests that share the same starting URL
fixture is a keyword
page is method to set the starting URL of the fixture
20:27 Step 3 - Add steps to the test
test('1st test', async t =＞ {
// Test code goes here
await t.typeText('#APjFqb', 'Learning TestCafe')
await t.click('.gNO89b')
await t.wait(2000)
})
24:16 Step 4 - Run test
testcafe chrome .\tests\test1.js
Tips
26:26 Tip 1. In a test we can chain multiple actions together
test('1st test', async t =＞ {
// Test code goes here
await t
.typeText('#APjFqb', 'Learning TestCafe')
.click('.gNO89b')
.wait(2000)
})
27:07 Tip 2. Enable live mode to reload tests as you edit them
testcafe chrome .\tests\test1.js --live
Console Shortcuts in Live Mode
Ctrl+S stops the current test run
Ctrl+R restarts the current test run
Ctrl+W turns the file watcher off and on
Ctrl+C closes open browsers and terminates the process
TestCafe QUIZ - forms.gle/n8x9rycduCzAFwGQA
▬▬▬▬▬▬▬
Every Like & Subscription gives me great motivation to keep working for you
You can support my mission for education by sharing this knowledge and helping as many people as you can
If my work has helped you, consider helping any animal near you, in any way you can
Never Stop Learning
Raghav Pal
Learn how to set up TestCafe for automated testing
Learn how to get started with TestCafe, a powerful JavaScript testing framework, in this beginner-friendly tutorial
Web testing essentials with TestCafe for newcomers.
A step-by-step journey into TestCafe for new testers
▬▬▬▬ USEFUL LINKS ▬▬▬▬
Ask Raghav - bit.ly/2CoJGWf
Shorts Eng - bit.ly/3H9bifV
Shorts Hindi - bit.ly/3XY7XqN
GitHub Repositories - github.com/Raghav-Pal
Udemy - automationstepbystep.com/udem...
Stories - automationstepbystep.com/stor...
▬▬ IDE ▬▬
Eclipse - bit.ly/3AnRhQP
IntelliJ IDEA - bit.ly/3AnyDZ8
Visual Studio Code - bit.ly/2V15yvt
QnA Friday - bit.ly/2NgwGpw
Sunday Special - bit.ly/2wB23BO
-

[@user-og3fl9ql3p]

Hello Raghav, Many thanks for sharing the tutorial of TestCafe. Much needed indeed. Many companies are using TestCafe framework but very little resources available of it on KZbin. Please continue this series. Thanks for your tremendous support & sharing for fellow testers...🙏

[@RaghavPal]

You are most welcome

[@alexanderkomanov4151]

Great!

[@RaghavPal]

Thanks Alexander

[@nitinjawale1624]

Hello Raghav, your video is more knowledgeable and very helpful Thank you so much

[@RaghavPal]

Glad to hear that Nitin

[@vinaybhkulkarni]

You are just amazing

[@RaghavPal]

Thanks Vinay,

[@samyourwell-wisher7008]

Excellent video sir ji

[@RaghavPal]

So nice of you Sam

[@guschocolatesbakers2126]

Thankyou So so much for this tutorial..I want to learn this tool and you are truuly helping us.

[@RaghavPal]

Glad it was helpful

[@shobana4863]

Very useful video. Thanks a lot. Could you upload more videos on TestCafe

[@RaghavPal]

Yes, sure Shobana, 2nd video is up now

[@Me_Vasu]

पैस, लैस्ट 😂 Btw its a good spoon feed for me thanku

[@RaghavPal]

Most welcome

[@sushobhansen7536]

Hello sir , can you please provide a video with testcafe-blink-diff , I believe it is very helpful . Please

[@RaghavPal]

Sushobhan I will plan for this

[@santhakumar9552]

Hi Raghav, any videos related to Sentry monitoring tool?? We will use this in future to do performance testing, any help or suggestions??

[@RaghavPal]

Not yet Santha, i will check and plan

[@santhakumar9552]

@@RaghavPal please suggest if any references

[@RaghavPal]

I have not checked on this.. for now can check online

[@KavitaRecipesHealthMore]

Hi Raghav Can we learn this test framework i dnt have exp in node js etc, is it good to learn or what are the prerequisites for this tool?

[@RaghavPal]

Yes, definitely Kavita, there is no prior exp required, you can learn along with the lectures and if you face any issues, do let me know

[@TechCommuteTelugu]

Do we really need to use specific framework in playwright with javascript automation testing? Is it mandatory?

[@RaghavPal]

Anil It is not mandatory to use a specific framework with Playwright for JavaScript automation testing. Playwright is a powerful and flexible tool that can be used to automate web applications without the need for a framework. However, using a framework can provide a number of benefits, such as: * **Code reuse:** Frameworks can help you to reuse code, which can save you time and effort. * **Test case organization:** Frameworks can help you to organize your test cases in a logical way. * **Reporting:** Frameworks can generate reports that can help you to analyze the results of your tests. There are a number of different frameworks available for Playwright, such as TestCafe, Cypress, and Playwright Test. The framework that you choose will depend on your specific needs and preferences.

[@user-fy3hb5cx6u]

Hi @Raghav sir i hope you are doing well. Sir i have a question... how will i use css or xpath selectors in this? Inshort how to type xpath or css selector like we use for class (.) and id (#) selectors

[@user-fy3hb5cx6u]

I just got my answer in you testcafe 2 video.. thank you sir 😊

[@RaghavPal]

Wajeeha, some of this I have covered in the 2nd session which got published today. I will have more sessions on this

[@user-fy3hb5cx6u]

Oka sir, thank you

[@sonalahluwalia]

Can use visual studio for editor

[@RaghavPal]

Yes

[@businessmotivation2]

Is this technology demanding? because I worked on this last year

[@RaghavPal]

Yes.. let me know your experience

[@mail2aamit]

please note, modern npm does not run while passing only " testcafe chrome .\tests\test1.js " please use prefix "npx" e.g. npx testcafe chrome .\tests\test1.js hope this will help someone who might be failed at first time and worried how to execute the test

[@RaghavPal]

Thanks for adding ..