Merge pull request #11 from saseungmin/update/readme

.github/workflows/ci.yml

@@ -28,3 +28,6 @@ jobs:
         with:
           install: false
           command: yarn test:e2e
+        env:
+          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
+          CYPRESS_PROJECT_ID: ${{ secrets.CYPRESS_PROJECT_ID }}

.github/workflows/codecov.yml

@@ -0,0 +1,24 @@
+name: Codecov Coverage
+
+on: [push]
+
+jobs:
+  set-codecov-test-coverage:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js 14.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 14.x
+
+      - name: Install dependencies
+        run: yarn install --immutable --immutable-cache
+
+      - name: Create Unit Test Coverage
+        run: yarn test:coverage
+
+      - name: Set unit test coverage
+        uses: codecov/codecov-action@v2
+        with:
+          fail_ci_if_error: true

README.md

@@ -1,2 +1,8 @@
-# yarn-berry-example
-Yarn berry example with react + typescript + cypress + jest + github actions CI
+# 🧶 Yarn berry Example
+
+[![codecov](https://codecov.io/gh/saseungmin/yarn-berry-example/branch/main/graph/badge.svg?token=QWA2HOE10W)](https://codecov.io/gh/saseungmin/yarn-berry-example) [![yarn-berry-example](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/simple/g1oxx9&style=flat-square&logo=cypress)](https://dashboard.cypress.io/projects/g1oxx9/runs)   
+![yarn](https://img.shields.io/badge/yarn-3.0.2-blue) ![react](https://img.shields.io/badge/react-^17.0.2-blue) ![typescript](https://img.shields.io/badge/typescript-^4.4.3-blue) ![jest](https://img.shields.io/badge/jest-^27.1.0-blue) ![cypress](https://img.shields.io/badge/cypress-^8.5.0-blue) ![eslint](https://img.shields.io/badge/eslint-^7.32.0-blue) 
+
+#### 👉 Yarn berry example using React + TypeScript + Jest + Cypress + Eslint + Github Actions CI/CD + Github Pages
+
+#### 👉 Please refer to the [blog](https://haranglog.tistory.com/28) for an explanation of this repository example.

package.json

@@ -11,7 +11,8 @@
     "test:coverage": "yarn test:unit --watchAll=false --coverage",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
-    "test:e2e": "start-server-and-test start http://localhost:3000 cypress:run",
+    "cypress:record": "yarn cypress:run --browser chrome --record",
+    "test:e2e": "start-server-and-test start http://localhost:3000 cypress:record",
     "eject": "react-scripts eject"
   },
   "jest": {