{"id":28411955,"url":"https://github.com/serenity-js/serenity-js-playwright-ct-react-template","last_synced_at":"2025-06-24T07:31:58.214Z","repository":{"id":187083051,"uuid":"671424836","full_name":"serenity-js/serenity-js-playwright-ct-react-template","owner":"serenity-js","description":"Test your React components with Serenity/JS and Playwright Test","archived":false,"fork":false,"pushed_at":"2025-06-20T16:55:18.000Z","size":296500,"stargazers_count":2,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-20T17:40:47.027Z","etag":null,"topics":["component-testing","playwright","react","template"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/serenity-js.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/funding.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["serenity-js"]}},"created_at":"2023-07-27T09:34:10.000Z","updated_at":"2025-06-20T16:52:06.000Z","dependencies_parsed_at":"2024-11-10T01:20:03.130Z","dependency_job_id":"a9af71ec-44f9-4b54-8e9c-3e128cb48b5c","html_url":"https://github.com/serenity-js/serenity-js-playwright-ct-react-template","commit_stats":null,"previous_names":["serenity-js/serenity-js-playwright-ct-react-template"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/serenity-js/serenity-js-playwright-ct-react-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serenity-js%2Fserenity-js-playwright-ct-react-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serenity-js%2Fserenity-js-playwright-ct-react-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serenity-js%2Fserenity-js-playwright-ct-react-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serenity-js%2Fserenity-js-playwright-ct-react-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/serenity-js","download_url":"https://codeload.github.com/serenity-js/serenity-js-playwright-ct-react-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/serenity-js%2Fserenity-js-playwright-ct-react-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261628013,"owners_count":23186739,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component-testing","playwright","react","template"],"created_at":"2025-06-02T19:18:22.742Z","updated_at":"2025-06-24T07:31:58.202Z","avatar_url":"https://github.com/serenity-js.png","language":"TypeScript","funding_links":["https://github.com/sponsors/serenity-js"],"categories":[],"sub_categories":[],"readme":"# Serenity/JS Playwright Component Test Template\n\n[![Build Status](https://github.com/serenity-js/serenity-js-playwright-ct-react-template/workflows/build/badge.svg)](https://github.com/serenity-js/serenity-js-playwright-ct-react-template/actions)\n[![Serenity/JS on GitHub](https://img.shields.io/badge/github-serenity--js-yellow?logo=github)](https://github.com/serenity-js/serenity-js)\n[![Serenity/JS on StackOverflow](https://img.shields.io/badge/stackoverflow-serenity--js-important?logo=stackoverflow)](https://stackoverflow.com/questions/tagged/serenity-js)\n[![Contribute with Gitpod](https://img.shields.io/badge/Contribute%20with-Gitpod-908a85?logo=gitpod)](https://gitpod.io/from-referrer/)\n\n[![Follow Serenity/JS on LinkedIn](https://img.shields.io/badge/Follow-Serenity%2FJS%20-0077B5?logo=linkedin)](https://www.linkedin.com/company/serenity-js)\n[![Watch Serenity/JS on YouTube](https://img.shields.io/badge/Watch-@serenity--js-E62117?logo=youtube)](https://www.youtube.com/@serenity-js)\n[![Join Serenity/JS Community Chat](https://img.shields.io/badge/Chat-Serenity%2FJS%20Community-FBD30B?logo=matrix)](https://matrix.to/#/#serenity-js:gitter.im)\n[![Support Serenity/JS on GitHub](https://img.shields.io/badge/Support-@serenity--js-703EC8?logo=github)](https://github.com/sponsors/serenity-js)\n\nUse this [template repository](https://help.github.com/en/articles/creating-a-repository-from-a-template)\nto get started with testing your [React](https://react.dev/) components using [Serenity/JS](https://serenity-js.org),\n[Playwright](https://playwright.dev/) and [Playwright Component Test](https://playwright.dev/docs/test-components).\n\nLearn more:\n- [Serenity BDD reports for this project](https://serenity-js.github.io/serenity-js-playwright-ct-react-template/serenity/)\n- [Playwright Test reports for this project](https://serenity-js.github.io/serenity-js-playwright-ct-react-template/playwright/)\n- [Serenity/JS website, tutorials, and API docs](https://serenity-js.org/)\n\n## Usage\n\nThis repository is a GitHub template. You can use it to [create a new GitHub repository](https://help.github.com/en/articles/creating-a-repository-from-a-template), [clone it to your computer](https://docs.github.com/en/free-pro-team@latest/github/creating-cloning-and-archiving-repositories/cloning-a-repository).\n\nYou can also launch it in a virtual Gitpod workspace without having to install anything on your machine:\n\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer/)\n\n### Installation\n\nTo use this project on your machine, you'll need:\n- Node.js, a Long-Term Support (LTS) release version 16 or later - [download](https://nodejs.org/en/)\n- Java Runtime Environment (JRE) or a Java Development Kit (JDK) version 11 or later - [download](https://adoptopenjdk.net/)\n\nFollow the [installation instructions](https://serenity-js.org/handbook/about/installation/) to help you verify your setup.\n\nOnce you have the code on your computer, use your computer terminal to run the following command in the directory where you've cloned the project:\n```\nnpm ci\n```\n\nRunning [`npm ci`](https://docs.npmjs.com/cli/v6/commands/npm-ci) downloads the [Node modules](https://docs.npmjs.com/about-packages-and-modules) this project depends on, as well as the [Serenity BDD CLI](https://github.com/serenity-bdd/serenity-cli) reporter jar. \n\n### Corporate networks\n\nIf your network administrators require you to use proxy servers or an internal artifact registry (Artifactory, Nexus, etc.), your development environment might require some additional configuration.\n\nThe easiest way to do it is to create an [`.npmrc` file](https://docs.npmjs.com/cli/v6/configuring-npm/npmrc) in your home directory: \n\n```\nproxy=http://user:password@host.mycompany.com:8080/\nhttps-proxy=http://user:password@host.mycompany.com:8080/\nstrict-ssl=false\nregistry=https://artifactory.mycompany.com/artifactory/\n```\n\nIf you encounter issues downloading the Serenity BDD CLI jar, please follow the [detailed instructions in the Serenity/JS Handbook](https://serenity-js.org/api/serenity-bdd/#downloading-the-serenity-bdd-reporting-cli).\n\n### Execution\n\nThe project provides several [NPM scripts](https://docs.npmjs.com/cli/v6/using-npm/scripts) defined in [`package.json`](package.json):\n\n```\nnpm run lint            # runs code linter\nnpm run lint:fix        # attempts to automatically fix linting issues\nnpm run clean           # removes reports from any previous test run\nnpm test                # executes the example test suite\n                        # and generates the report under ./target/site/serenity\nnpm start               # starts a mini HTTP server and serves the test reports\n                        # at http://localhost:8080\n```\n\n## Your feedback matters!\n\nDo you find Serenity/JS useful? Give it a ⭐ star on GitHub!\n\n[![GitHub stars](https://img.shields.io/github/stars/serenity-js/serenity-js)](https://github.com/serenity-js/serenity-js)\n\nFound a bug? Need a feature? Raise [an issue](https://github.com/serenity-js/serenity-js/issues?state=open)\nor submit a pull request.\n\nHave feedback? Let me know on [LinkedIn](https://www.linkedin.com/in/janmolak/) or leave a comment in [Serenity/JS discussions on GitHub](/serenity-js/serenity-js/discussions/categories/comments).\n\nAnd if you have any questions about the framework, or simply want to say hello to other Serenity/JS developers, join us on [Serenity/JS Community Chat](https://matrix.to/#/#serenity-js:gitter.im).\n\n## Support Serenity/JS\n\nSerenity/JS is a free open-source framework, so we rely on our [wonderful GitHub sponsors](https://github.com/sponsors/serenity-js) to keep the lights on.\n\nIf you appreciate all the effort that goes into making sophisticated tools easy to work with, please support our work and [become a Serenity/JS GitHub Sponsor](https://github.com/sponsors/serenity-js) today!\n\n[![LinkedIn Follow](https://img.shields.io/badge/Follow%20Serenity%2FJS-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/company/serenity-js)\n[![YouTube Follow](https://img.shields.io/badge/Watch%20@serenity\u0026#8212;JS-FA120F?style=for-the-badge\u0026logo=youtube\u0026logoColor=white)](https://www.youtube.com/@serenity-js)\n[![GitHub Sponsors](https://img.shields.io/badge/Support%20@serenity%2FJS-703EC8?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/sponsors/serenity-js)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fserenity-js%2Fserenity-js-playwright-ct-react-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fserenity-js%2Fserenity-js-playwright-ct-react-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fserenity-js%2Fserenity-js-playwright-ct-react-template/lists"}