https://github.com/thenameisajay/next.js-tdd-intro

A sample project demonstrating how to do Test-Driven Development in React using Cypress.
https://github.com/thenameisajay/next.js-tdd-intro

cyp github jes learn nextjs react-testing-library tdd test-d

Last synced: 13 days ago
JSON representation

A sample project demonstrating how to do Test-Driven Development in React using Cypress.

• Host: GitHub
• URL: https://github.com/thenameisajay/next.js-tdd-intro
• Owner: thenameisajay
• License: mit
• Created: 2024-03-25T12:55:04.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-09-18T08:15:04.000Z (about 2 months ago)
• Last Synced: 2024-10-11T01:53:57.361Z (about 1 month ago)
• Topics: cyp, github, jes, learn, nextjs, react-testing-library, tdd, test-d
• Language: JavaScript
• Homepage: https://next-js-tdd-intro.vercel.app/
• Size: 396 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
 # Introduction to Test-Driven Development with Next.js

## Overview

This repository serves as an introductory guide to implementing Test-Driven Development (TDD) within the Next.js framework. Although the project presented here is relatively modest in scope, it aims to provide a solid foundation for understanding and applying TDD principles in Next.js development projects.

## Purpose of This Repository : 

- See [LEARN.md](LEARN.md) for the purpose and learning objectives of this repository.

## Technology Stack

The project leverages a combination of technologies and tools integral to modern web development, specifically within the React ecosystem. These include:

- **Next.js**: A React framework that enables functionalities such as server-side rendering and generating static websites for React-based web applications.

- **Jest**: A delightful JavaScript Testing Framework with a focus on simplicity, used for writing unit and integration tests.

- **React Testing Library**: A set of helpers that allow you to test React components without relying on their implementation details, promoting better testing practices.

- **Cypress**: An end-to-end testing framework designed to provide a robust testing environment for web applications, ensuring that they work as expected in a real browser.

- **Yarn**: A fast, reliable, and secure dependency management tool.

## Current Limitations

- **Dynamic Import Issue**: There is a known issue with the `yarn` command related to dynamic imports ([Yarn Issue #8994](https://github.com/yarnpkg/yarn/issues/8994)). This problem can cause dynamic imports to fail during execution. A temporary workaround involves removing the `yarn.lock` file and reinstalling the packages to resolve the issue.

## Licensing

This project is distributed under the MIT License, providing flexibility for personal and commercial use while requiring attribution to the original author. For more detailed information, please refer to the [LICENSE.md](LICENSE.md) file included in this repository.