Skip to content

Commit bce85c5

Browse files
committed
docs(readme): updated the readme
1 parent acf86e7 commit bce85c5

File tree

1 file changed

+81
-47
lines changed

1 file changed

+81
-47
lines changed

README.md

Lines changed: 81 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,55 @@
11
# Serenity/JS Playwright Test Template
22

33
[![Build Status](https://github.com/serenity-js/serenity-js-playwright-test-template/actions/workflows/main.yml/badge.svg)](https://github.com/serenity-js/serenity-js-playwright-test-template/actions/workflows/main.yml)
4-
[![Serenity/JS on GitHub](https://img.shields.io/badge/github-serenity--js-yellow?logo=github)](https://github.com/serenity-js/serenity-js)
5-
[![Serenity/JS on StackOverflow](https://img.shields.io/badge/stackoverflow-serenity--js-important?logo=stackoverflow)](https://stackoverflow.com/questions/tagged/serenity-js)
6-
[![Contribute with Gitpod](https://img.shields.io/badge/Contribute%20with-Gitpod-908a85?logo=gitpod)](https://gitpod.io/from-referrer/)
74

8-
[![Follow Serenity/JS on LinkedIn](https://img.shields.io/badge/Follow-Serenity%2FJS%20-0077B5?logo=linkedin)](https://www.linkedin.com/company/serenity-js)
9-
[![Watch Serenity/JS on YouTube](https://img.shields.io/badge/Watch-@serenity--js-E62117?logo=youtube)](https://www.youtube.com/@serenity-js)
10-
[![Join Serenity/JS Community Chat](https://img.shields.io/badge/Chat-Serenity%2FJS%20Community-FBD30B?logo=matrix)](https://matrix.to/#/#serenity-js:gitter.im)
11-
[![Support Serenity/JS on GitHub](https://img.shields.io/badge/Support-@serenity--js-703EC8?logo=github)](https://github.com/sponsors/serenity-js)
12-
13-
Use this [template repository](https://help.github.com/en/articles/creating-a-repository-from-a-template)
14-
to get started with acceptance testing your web applications using [Serenity/JS](https://serenity-js.org),
15-
[Playwright](https://playwright.dev/) and [Playwright Test](https://playwright.dev/docs/intro).
16-
17-
Learn more:
18-
- [Serenity BDD reports for this project](https://serenity-js.github.io/serenity-js-playwright-test-template/serenity/)
19-
- [Playwright Test reports for this project](https://serenity-js.github.io/serenity-js-playwright-test-template/playwright/)
20-
- [Serenity/JS website, tutorials, and API docs](https://serenity-js.org/)
21-
- [API Testing with Serenity/JS](https://serenity-js.org/handbook/api-testing/)
5+
This [template](https://help.github.com/en/articles/creating-a-repository-from-a-template) helps you test
6+
web applications and REST/HTTP APIs using [Serenity/JS](https://serenity-js.org) and the [Playwright Test](https://playwright.dev/) runner,
7+
with a fully configured TypeScript setup.
228

23-
## Usage
9+
## Features
2410

25-
This 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).
11+
- Preconfigured Serenity/JS + Playwright Test + TypeScript setup
12+
- Example web and REST API test scenarios
13+
- Linting and CI-friendly scripts
14+
- Ready-to-use GitHub Codespaces environment using the official [Serenity/JS Docker image](https://serenity-js.org/handbook/integration/docker/) for quick exploration
15+
- Integrated reporting via Serenity BDD and Playwright, with live examples:
16+
- [Serenity BDD report](https://serenity-js.github.io/serenity-js-playwright-test-template/serenity/)
17+
- [Playwright Test report](https://serenity-js.github.io/serenity-js-playwright-test-template/playwright/)
2618

27-
You can also launch it in a virtual Gitpod workspace without having to install anything on your machine:
19+
## Quick Start
2820

29-
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer/)
21+
### Explore instantly in GitHub Codespaces
3022

31-
### Installation
23+
Launch this project in an online development environment:
3224

33-
To use this project on your machine, you'll need:
34-
- Node.js, a Long-Term Support (LTS) release version 16 or later - [download](https://nodejs.org/en/)
35-
- Java Runtime Environment (JRE) or a Java Development Kit (JDK) version 11 or later - [download](https://adoptopenjdk.net/)
25+
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://github.com/codespaces/new?ref=main&repo=serenity-js/serenity-js-playwright-test-template)
3626

37-
Follow the [installation instructions](https://serenity-js.org/handbook/getting-started/installation/) to help you verify your setup.
27+
### Run locally
3828

39-
Once 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:
29+
- Follow the [Serenity/JS installation guide](https://serenity-js.org/handbook/about/installation/)
30+
- [Create a new repository](https://help.github.com/en/articles/creating-a-repository-from-a-template) from this template
31+
- [Clone](https://help.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository) it to your machine
32+
- Install dependencies:
4033
```
4134
npm ci
4235
```
43-
44-
Running [`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.
36+
- Run the example tests
37+
```
38+
npm test
39+
```
40+
- View the generated reports:
41+
- **Serenity BDD**: `./target/site/serenity/index.html`
42+
- **Playwright Test**: `./playwright-report/index.html`
43+
- Serve the Serenity BDD report locally:
44+
```
45+
npm run start
46+
```
47+
Then open [http://localhost:8080](http://localhost:8080) in your browser.
4548

4649
### Corporate networks
4750

48-
If 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.
49-
50-
The easiest way to do it is to create an [`.npmrc` file](https://docs.npmjs.com/cli/v6/configuring-npm/npmrc) in your home directory:
51+
If your environment requires proxy configuration or an internal registry like Artifactory or Nexus, add an [`.npmrc` file](https://docs.npmjs.com/cli/v6/configuring-npm/npmrc) file
52+
with the appropriate configuration to your home directory:
5153

5254
```
5355
proxy=http://user:[email protected]:8080/
@@ -56,9 +58,7 @@ strict-ssl=false
5658
registry=https://artifactory.mycompany.com/artifactory/
5759
```
5860

59-
If 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).
60-
61-
### Execution
61+
## Execution
6262

6363
The project provides several [NPM scripts](https://docs.npmjs.com/cli/v6/using-npm/scripts) defined in [`package.json`](package.json):
6464

@@ -72,25 +72,59 @@ npm start # starts a mini HTTP server and serves the test reports
7272
# at http://localhost:8080
7373
```
7474

75-
## Your feedback matters!
75+
## Next steps
7676

77-
Do you find Serenity/JS useful? Give it a ⭐ star on GitHub!
77+
- Replace the sample components with your own UI elements
78+
- Add new tasks, interactions, and assertions using Serenity/JS
79+
- Extend the test suite or integrate it into CI/CD pipelines
80+
- Use the sample reports to understand expected testing and reporting workflows
7881

79-
[![GitHub stars](https://img.shields.io/github/stars/serenity-js/serenity-js)](https://github.com/serenity-js/serenity-js)
82+
## Documentation
8083

81-
Found a bug? Need a feature? Raise [an issue](https://github.com/serenity-js/serenity-js/issues?state=open)
82-
or submit a pull request.
84+
- [API Reference](https://serenity-js.org/api/)
85+
- [Screenplay Pattern Guide](https://serenity-js.org/handbook/design/screenplay-pattern/)
86+
- [Serenity/JS Project Templates](https://serenity-js.org/handbook/project-templates/)
87+
- [More examples and reference implementations](https://github.com/serenity-js/serenity-js/tree/main/examples)
88+
- [Tutorial: First Web Scenario](https://serenity-js.org/handbook/tutorials/your-first-web-scenario/)
89+
- [Tutorial: First API Scenario](https://serenity-js.org/handbook/tutorials/your-first-api-scenario/)
8390

84-
Have 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).
91+
## Contributing
8592

86-
And 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).
93+
Contributions of all kinds are welcome! Get started with the [Contributing Guide](https://serenity-js.org/community/contributing/).
8794

88-
## Support Serenity/JS
95+
## Community
8996

90-
Serenity/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.
97+
[![Follow Serenity/JS on LinkedIn](https://img.shields.io/badge/LinkedIn-Serenity%2FJS%20-0077B5?logo=linkedin)](https://www.linkedin.com/company/serenity-js)
98+
[![Watch Serenity/JS on YouTube](https://img.shields.io/badge/Watch-@serenity--js-E62117?logo=youtube)](https://www.youtube.com/@serenity-js)
99+
[![Join Serenity/JS Community Chat](https://img.shields.io/badge/Chat-Serenity%2FJS%20Community-FBD30B?logo=matrix)](https://matrix.to/#/#serenity-js:gitter.im)
91100

92-
If 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!
101+
Connect with other developers using Serenity/JS:
102+
103+
- [Updates on LinkedIn](https://www.linkedin.com/company/serenity-js)
104+
- [Community Chat](https://matrix.to/#/#serenity-js:gitter.im)
105+
- [Discussions Forum](https://github.com/orgs/serenity-js/discussions)
106+
- Explore the [💡How to... ?](https://github.com/orgs/serenity-js/discussions/categories/how-to) answers to common questions
107+
108+
Follow Serenity/JS to learn about new features, tutorials, and releases!
109+
110+
⭐ Star the main [Serenity/JS repository](https://github.com/serenity-js/serenity-js) to help others discover the framework!
111+
112+
[![GitHub stars](https://img.shields.io/github/stars/serenity-js/serenity-js?label=Serenity%2FJS&logo=github&style=badge)](https://github.com/serenity-js/serenity-js)
113+
114+
## License
115+
116+
The Serenity/JS code base is licensed under the [Apache-2.0](https://opensource.org/license/apache-2-0) license,
117+
while its documentation and the [Serenity/JS Handbook](https://serenity-js.org/handbook/) are licensed under the [Creative Commons BY-NC-SA 4.0 International](https://creativecommons.org/licenses/by-nc-sa/4.0/).
118+
119+
See the [Serenity/JS License](https://serenity-js.org/legal/license/).
120+
121+
## Support
122+
123+
Support ongoing development through [GitHub Sponsors](https://github.com/sponsors/serenity-js). Sponsors gain access to [Serenity/JS Playbooks](https://github.com/serenity-js/playbooks)
124+
and priority help in the [Discussions Forum](https://github.com/orgs/serenity-js/discussions).
125+
126+
For commercial support or corporate sponsorship, please contact [Jan Molak](https://www.linkedin.com/in/janmolak/).
93127

94-
[![LinkedIn Follow](https://img.shields.io/badge/Follow%20Serenity%2FJS-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/company/serenity-js)
95-
[![YouTube Follow](https://img.shields.io/badge/Watch%20@serenity—JS-FA120F?style=for-the-badge&logo=youtube&logoColor=white)](https://www.youtube.com/@serenity-js)
96128
[![GitHub Sponsors](https://img.shields.io/badge/Support%20@serenity%2FJS-703EC8?style=for-the-badge&logo=github&logoColor=white)](https://github.com/sponsors/serenity-js)
129+
130+

0 commit comments

Comments
 (0)