Posted in node
13329
4:00 am, January 28, 2022
 

Testing Playwrite on for Node

I came across this library on y news, and thought id give it a bit of a test. 

I managed to get it working but not really sure what tests it can do. 

I set it to take a screen shot of a webpage, I guess its automated testing of websites for what exactly? do you tell it to click on the links and that kind of thing?

Installation

Just update everything if you are using brew on mac. 

brew update / brew upgrade

Then you can install playwrite with 

npm init playwright 

add the test script

import { test, expect } from '@playwright/test';

test('basic test', async ({ page }) => {
  await page.goto('https://playwright.dev/');
  const title = page.locator('.navbar__inner .navbar__title');
  await expect(title).toHaveText('Playwright');
});

then run it with this

npx playwright test 

After Installation

✔ Success! Created a Playwright Test project at /Users/../code/playwrite
Inside that directory, you can run several commands:

  npx playwright test
    Runs the end-to-end tests.

  npx playwright test --project=chromium
    Runs the tests only on Desktop Chrome.

  npx playwright test tests/example.spec.js
    Runs the tests of a specific file.

  npx playwright test --debug
    Runs the tests in debug mode.

We suggest that you begin by typing:

  npx playwright test

And check out the following files:
  - ./tests/example.spec.js - Example end-to-end test
  - ./playwright.config.js - Playwright Test configuration

Visit https://playwright.dev/docs/intro for more information. ✨

Happy! 🎭

 

Running the main tests result:

Docs

  1. https://playwright.dev/docs/intro#installation 
  2. https://github.com/microsoft/playwright 

View Statistics
This Week
440
This Month
1383
This Year
3893

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Items in node
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
"We're tight-fisted with property and money, yet think too little of wasting time, the one thing about which we should all be the toughest misers.”
Seneca
Random CSS Property

border-top-style

The border-top-style CSS property sets the line style of an element's top border.
border-top-style css reference