Skip to content

EMEN2014/playwright-examples

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 

Repository files navigation

๐Ÿš€ Welcome to our playwright-examples repository!

๐ŸŽฅ๐ŸŒˆ Here, you'll discover code from our educational YouTube videos that swiftly guide you through Playwright. It's a fantastic opportunity for beginners in programming and test automation to see Playwright in action! Perfect for those just starting their coding journey or looking to dip their toes into the world of automated testing. ๐ŸŒŸ๐Ÿ‘ฉโ€๐Ÿ’ป

๐Ÿ’ก Why Playwright? Playwright enables the automation of web browser interactions across different platforms, making it the perfect tool for developers and QA engineers looking to craft seamless testing experiences. ๐ŸŒโœจ

๐ŸŒฟ How to Explore Examples?

Each example is hosted in its branch. ๐ŸŒฑ To dive into an example that interests you, you'll first need to clone the repository ๐Ÿ“ and switch to the branch containing the example you wish to explore. ๐Ÿš€ It's like a treasure hunt in the world of coding! ๐Ÿ•ต๏ธโ€โ™‚๏ธ

Below is a step by step instructions to run examples from this repository ๐ŸŒฑ!

1. Install VSCode! โœจ

๐Ÿ“ฅ How to Install VSCode ๐Ÿ” Seek out the official Visual Studio Code website and claim the version meant for your realm (operating system). ๐Ÿ“ฆ Open the downloaded artifact and adhere to the guidance of the installation spirit.

2. Check that Node.js is installed! ๐ŸŒ

Open the terminal and paste the next line of code there.

node -v  
npm -v

๐Ÿ”ฎ Press Enter!

If they are installed, you will see the version of each of the Node and npm, and you can move forward!
If not, below are the instructions on how to install them! ๐Ÿ› 

2.a. Install Node.js if it is not installed

๐ŸŒŸ How to install Node.js! ๐Ÿฐ Venture forth to the official Node.js website and secure the Windows installer treasure. ๐Ÿ“œ Open the treasure chest (the downloaded file) and follow the mystical instructions provided by the installer.

Confirm the success of your spell by invoking the next line of code in the terminal.

node -v  
npm -v

๐Ÿ”ฎ Press Enter! ๐Ÿ‘€ To witness the versions of Node.js and npm materialize before your eyes.

3.๐Ÿ“ฆ Cloning the Repository

๐Ÿง™โ€โ™‚๏ธ๐Ÿ”—instruction how to install git - A magical guide to begin your journey into the Git realm.

When git is installed ๐ŸŒŸ: Open GitBash or Vscode in the folder where you wish to welcome the repository. ๐Ÿ“‚ And type the command below and press enter ๐Ÿš€:

git clone https://github.com/engenious-inc/playwright-examples.git

This incantation ๐Ÿ“œ clones the repository into your chosen folder, opening a portal ๐ŸŒ€ to endless possibilities.

๐Ÿ”€ Switching Branches: After cloning the repository, use the following commands in your terminal to switch to the branch of interest:

  1. List all branches:
git branch -a
  1. Switch to your desired branch:
git checkout <branch-name>

Replace with the branch name you want to explore. This magical step will transport you ๐Ÿš‚ to that branch, where you'll find all the relevant code and instructions for that specific example.

4. ๐Ÿ›  Installing Dependencies

๐Ÿš€ Open VSCode and the folder where you installed the repository. Then, in the terminal type:

npm install

This incantation reads the package.json scroll and summons all the dependencies listed there.

5. ๐ŸŽญ Running Playwright Tests

๐Ÿ”ฅ With our tools by our side, it's time to bring our code to life! Let's awaken the Playwright tests by typing

npx playwright test --headed

๐Ÿ” As the dust settles, your terminal will reveal the outcomes of your quest. The playwright will share tales of which tests conquered the challenges and which faltered.

๐ŸŽ‰ Congratulations!

You've navigated the path of cloning a repository, ventured through folders, armed yourself with dependencies, and triumphed in the Playwright trials. This journey is a splendid first step into the realms of coding and test automation.

๐Ÿค๐ŸŽ‰ Thank you for joining us on this exciting journey! Don't forget to subscribe to our YouTube channel for the latest updates and educational content. Together, let's unlock the mysteries of code and automation! ๐Ÿš€๐Ÿ‘ฉโ€๐Ÿš€

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published