Pkg
Stats

npm package discovery and stats viewer.

Discover Tips

General search
[free text search, go nuts!]
Package details
pkg:[package-name]
User packages
@[username]

Sponsor

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Twitter
@PkgStats
GitHub
pkgstats
Twitter
@ryanhefner
GitHub
ryanhefner
Site
ryanhefner.com

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

Framework
react / react-dom
Server
next / express / next-routes
Data Store
redux / react-redux / next-redux-wrapper / redux-thunk / redux-logger
Caching
lru-cache
CSS / Styling
next-page-transitions / styled-components
Typeface
@ibm/plex
Avatars
gravatar
Data Viz
chart.js / react-sparklines
Date formatting
dayjs
Infinite scrolling
react-scroll-trigger
Markdown rendering
react-markdown
Repository url parsing
hosted-git-info
User data
npm-user
Compiling
babel-plugin-module-resolver / babel-plugin-styled-components
Types
prop-types
Odds & Ends
es6-promise / isomorphic-fetch

© 2024 – Pkg Stats / Ryan Hefner

playwright-bdd

v6.3.0

Published

6 days ago

BDD Testing with Playwright runner and CucumberJS

Downloads

62,157

0High
0Medium
0Low

playwright cucumber gherkin bdd testing e2e

playwright-bdd

Run BDD tests with Playwright runner.

Inspired by the issue in the Playwright repo microsoft/playwright#11975

[!TIP] Playwright-bdd v6 is out! Check out Cucumber reporters and share your feedback

Why Playwright runner?

Both Playwright and CucumberJS have their own test runners. You can use CucumberJS runner with Playwright as a library to test BDD scenarios. This package offers an alternative way: convert BDD scenarios into Playwright tests and run them with Playwright runner as usual. Such approach brings all the benefits of Playwright runner:

Automatic browser initialization and cleanup
Auto-capture of screenshots, videos and traces
Parallelization with sharding
Auto-waiting
Out-of-box visual comparison testing
Power of Playwright fixtures
...a lot more

Documentation

Check out documentation website.

Example

Fork and play with playwright-bdd-example repo.

Feedback

Feel free to share your feedback in issues.

Changelog

Inspect the latest changes in the CHANGELOG.md.

Contributing

Your contributions are welcome! Review DEVELOPMENT.md for playwright-bdd local setup and development.

Sponsors

Great thanks to the sponsors for supporting playwright-bdd project ❤️ Become a sponsor

How to make BDD valuable for my project?

Have a look on this section.

License