npmpackage.info

Gathering detailed insights and metrics for playwright-controller

Other packages similar to playwright-controller

@letsscrapedata/controller

0.0.41

Unified browser / HTML controller interfaces that support playwright, puppeteer and cheerio

playwright-controller

Fluent API around playwright

0.10.0

174

MIT

TypeScript

126.10 kB

1,856 2.9

Installations

npm install playwright-controller

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=10.15.0

Node Version

12.10.0

NPM Version

6.10.3 Pull Requests

Open

0

Total

19

Closed

8

Merged

11

Issues

Open

2

Total

13

Closed

11

Releases

119

v1.61.0

Updated on May 03, 2023

v1.60.0

Updated on Apr 16, 2023

v1.59.0

Updated on Apr 06, 2023

v1.58.1

Updated on Apr 02, 2023

v1.58.0

Updated on Mar 30, 2023

v1.57.0

Updated on Mar 30, 2023

View All 119 releases

Contributors

Unable to fetch Contributors

View All 6 Contributors

Languages

TypeScript

HTML

JavaScript

Dockerfile

TypeScript (85.2%)

HTML (14.34%)

JavaScript (0.44%)

Dockerfile (0.02%)

validate.email 🚀

Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.

Developer

hdorgeval

Download Statistics

Total Downloads

1,856

Last Day

Last Week

Last Month

Last Year

197

GitHub Statistics

MIT License

174 Stars

1,214 Commits

12 Forks

8 Watchers

1 Branches

6 Contributors

Updated on Dec 22, 2024

Bundle Size

493.42 kB

Minified

126.10 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

0.10.0

Package Id

playwright-controller@0.10.0

Unpacked Size

167.28 kB

Size

32.00 kB

File Count

264

NPM Version

6.10.3

Node Version

12.10.0

Total Downloads

Cumulative downloads

Total Downloads

1,856

Last Day

Compared to previous day

Last Week

Compared to previous week

Last Month

-83.9%

Compared to previous month

Last Year

-10.5%

197

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@types/which playwright which

Dev Dependencies

@types/debug @types/jest @types/node @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-plugin-import eslint-plugin-prettier jest prettier rimraf simple-fake-server ts-jest ts-node typescript

playwright-controller

Fluent API around Playwright

Controller API | Selector API | Assertion API | FAQ | with jest

Installation

npm i --save playwright-controller

This will also install Playwright along with its dependencies and the browser binaries. Browser binaries are about 50-100MB each, so expect the installation network traffic to be substantial.

Usage

1import { PlaywrightController } from 'playwright-controller';
2
3const pwc = new PlaywrightController();
4
5await pwc
6  .withBrowser('chromium')
7  .withOptions({
8    headless: false,
9  })
10  .emulateDevice('iPhone 6 landscape')
11  .withCursor()
12  .navigateTo('https://reactstrap.github.io/components/form/')
13  .click('#exampleEmail')
14  .typeText('foo.bar@baz.com')
15  .pressKey('Tab');
16  .expectThat('#examplePassword').hasFocus()
17  .typeText("don't tell!")
18  .pressKey('Tab');
19  .expectThat(passwordInputSelector).hasClass('is-valid')
20  .hover('#exampleCustomSelect')
21  .select('Value 3').in('#exampleCustomSelect')
22  .close();

This API provides a Selector Fluent API that enables to find and target a DOM element or a collection of DOM elements that is embedded in complex DOM Hierarchy:

1const selector = pwc
2  .selector('[role="row"]') // will get all dom elements, within the current page, with the attribute role="row"
3  .withText('foobar') // will filter only those that contain the text 'foobar'
4  .find('td') // from previous result(s), find all embedded <td> elements
5  .nth(2); // take only the second cell
6
7await pwc.expectThat(selector).hasText('foobar-2');

This API is still a draft and is in early development, but stay tuned!

Contributing

Check out our contributing guide.

Resources

FAQ

Q: How does playwright-controller relate to Playwright?

Playwright-controller is just a wrapper around the Playwright API. The purpose of Playwright-controller is to be able to write e2e tests as fast as possible in a way that makes tests readable, reusable and maintainable.

Q: Can I start using Playwright-controller in my existing code base?

Yes you can.

1import { PlaywrightController } from 'playwright-controller';
2
3// just create a new instance with playwright's browser and page instances
4const pwc = new PlaywrightController(browser, page);
5
6// now you can use the fluent API

Q: Can I use Playwright together with the Playwright-controller?

Yes you can. To use the Playwright API, just use the currentBrowser() and/or currentPage() methods exposed by the fluent API:

1const browser = 'chromium';
2const pwc = new PlaywrightController();
3await pwc
4  .withBrowser(browser)
5  .emulateDevice('iPhone 6 landscape')
6  .withCursor()
7  .navigateTo('https://reactstrap.github.io/components/form/')
8  ...;
9
10// now if you want to use the playwright API from this point:
11const browser = pwc.currentBrowser();
12const page = pwc.currentPage();
13
14// the browser and page objects are standard playwright objects
15// so now you are ready to go by using the playwright API

Q: What can I do with the currently published npm package playwright-controller?

The documentations:

reflect the current status of the development and are inline with the published package.

Q: Do you have some samples on how to use this library with jest?

Yes, have a look to this starter project.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

4

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

1

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

SAST

Determines if the project uses static code analysis.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Fuzzing

Determines if the project uses fuzzing.

Score

2.9

/10

Last Scanned on 2025-03-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More