/Playwright-tests-example

An E-Commerce project, developed by Nextjs and typescript. styled with Tailwind css and it is fully responsive.

Primary LanguageTypeScript

ZiShop

This is my Playwright tests examples, witch was wrote for forked An E-commerce site template, implemented with Next.js and TypeScript. Styled with TailwindCSS. This is one of my portfolios, where i'm showing my code practices and project environment examles

GitHub top language  GitHub last commit  GitHub commit activity  GitHub release (latest by date)  GitHub Repo stars  GitHub forks

Technologies • Demo • Features • Pages • Getting started • Contributing • Contact Me

🔧Technologies

Playwright  React  TypeScript  Next.js  Redux  Tailwind CSS

🔥Features

  • F2f very fast tests
  • Avoiding of backend renders
  • Unflaky tests

🚀Getting Started

  1. Clone the project
git clone https://github.com/Skipi0007/Playwright-tests-example.git
  1. Install project dependencies
npm ci --legacy-peer-deps
#or same with
yarn
  1. Run the development server in project root path:
npm run dev
# or
yarn dev
  1. Run playwright tests:
# withou/with ui
npm run tests
npm run tests --ui
# or
yarn tests
yarn tests --ui

🤝Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

💬Contact Me

(BACK TO TOP🔝)