ci: generate rpoert for lint and test jobs (#791)

Add sonar project configuration file.

.github/workflows/cd.yml

@@ -40,10 +40,17 @@ jobs:
         with:
           path: node_modules
           key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - name: Cache lint reports
+        uses: actions/cache@v2
+        with:
+          path: |
+            stylelint-report.json
+            eslint-report.json
+          key: lint-reports-${{ github.sha }}
       - name: StyleLint
-        run: yarn stylelint
+        run: yarn stylelint && yarn stylelint -f json -o stylelint-report.json
       - name: ESLint
-        run: yarn eslint
+        run: yarn eslint && yarn eslint -f json -o eslint-report.json
   test:
     name: Test Coverage
     needs: install
@@ -60,6 +67,11 @@ jobs:
         with:
           path: node_modules
           key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - name: Cache test report
+        uses: actions/cache@v2
+        with:
+          path: coverage/lcov.info
+          key: test-report-${{ github.sha }}
       - name: Test
         run: yarn test --coverage
       - name: Upload coverage to Codecov
@@ -131,3 +143,29 @@ jobs:
           body_path: VERSION.md
           draft: false
           prerelease: false
+  sonar:
+    name: Sonar scan
+    needs: [lint, test]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: Restore lint reports
+        uses: actions/cache@v2
+        with:
+          path: |
+            stylelint-report.json
+            eslint-report.json
+          key: lint-reports-${{ github.sha }}
+      - name: Restore test report
+        uses: actions/cache@v2
+        with:
+          path: coverage/lcov.info
+          key: test-report-${{ github.sha }}
+      - name: Upload reports to SonarCloud
+        uses: sonarsource/sonarcloud-github-action@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

.github/workflows/ci.yml

@@ -23,7 +23,7 @@ jobs:
         if: steps.cache-node-modules.outputs.cache-hit != 'true'
         run: yarn install
   lint:
-    name: Lint Checks
+    name: Lint codes
     needs: install
     runs-on: ubuntu-latest
     steps:
@@ -38,12 +38,53 @@ jobs:
         with:
           path: node_modules
           key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - name: Cache lint reports
+        uses: actions/cache@v2
+        with:
+          path: |
+            stylelint-report.json
+            eslint-report.json
+          key: lint-reports-${{ github.sha }}
       - name: Lint pull request title
         run: echo "${{ github.event.pull_request.title }}" | npx commitlint
       - name: StyleLint
-        run: yarn stylelint
+        run: yarn stylelint && yarn stylelint -f json -o stylelint-report.json
       - name: ESLint
-        run: yarn eslint
+        run: yarn eslint && yarn eslint -f json -o eslint-report.json
+  test:
+    name: Test coverage
+    needs: install
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+      - name: Setup Node.js
+        uses: actions/setup-node@v2.1.4
+        with:
+          node-version: 14
+      - name: Restore Node.js modules
+        uses: actions/cache@v2
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+      - name: Restore package from cache
+        uses: actions/cache@v2
+        with:
+          path: |
+            dist
+            es
+          key: packages-${{ github.sha }}
+      - name: Cache test report
+        uses: actions/cache@v2
+        with:
+          path: coverage/lcov.info
+          key: test-report-${{ github.sha }}
+      - name: Test
+        run: yarn test --coverage
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v1
+        with:
+          directory: ./coverage/
   build:
     name: Build Package
     needs: install
@@ -66,32 +107,29 @@ jobs:
           key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
       - name: Build
         run: yarn build
-  test:
-    name: Test Coverage
-    needs: build
+  sonar:
+    name: Sonar scan
+    needs: [lint, test]
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
         uses: actions/checkout@v2
-      - name: Setup Node.js
-        uses: actions/setup-node@v2.1.4
-        with:
-          node-version: 14
-      - name: Restore Node.js modules
-        uses: actions/cache@v2
         with:
-          path: node_modules
-          key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Restore package from cache
+          fetch-depth: 0
+      - name: Restore lint reports
         uses: actions/cache@v2
         with:
           path: |
-            dist
-            es
-          key: packages-${{ github.sha }}
-      - name: Test
-        run: yarn test --coverage
-      - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v1
+            stylelint-report.json
+            eslint-report.json
+          key: lint-reports-${{ github.sha }}
+      - name: Restore test report
+        uses: actions/cache@v2
         with:
-          directory: ./coverage/
+          path: coverage/lcov.info
+          key: test-report-${{ github.sha }}
+      - name: Upload reports to SonarCloud
+        uses: sonarsource/sonarcloud-github-action@master
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

.gitignore

@@ -32,4 +32,6 @@ coverage
 .importjs.js
 storybook-static
 .idea
-.history
+.history
+*-report.json
+*-report.xml

jest.config.js

@@ -21,6 +21,7 @@ module.exports = {
       '<rootDir>/__mocks__/fileMock.js',
     'iconfont.js': '<rootDir>/__mocks__/iconMock.js',
   },
+  collectCoverage: true,
   collectCoverageFrom: [
     'src/**/*.{ts,tsx}',
     '!src/**/index.{ts,tsx}',

sonar-project.properties

@@ -0,0 +1,10 @@
+sonar.organization=growingio
+sonar.projectKey=growingio_gio-design
+sonar.sources=src
+
+# lint
+sonar.css.stylelint.reportPaths=stylelint-report.json
+sonar.eslint.reportPaths=eslint-report.json
+
+# test coverage
+sonar.javascript.lcov.reportPaths=coverage/lcov.info