XFD/.github/workflows/frontend.yml at e49819ba4a3ca855fdeef8cf4bd64ecf993fc891 · cisagov/XFD · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
---
name: Frontend Pipeline

on:
  push:
    branches:
      - develop
      - integration
    paths:
      - 'frontend/**'
      - 'docs/**'
      - '.github/workflows/frontend.yml'
  pull_request:
    branches:
      - develop
      - integration
    paths:
      - 'frontend/**'
      - 'docs/**'
      - '.github/workflows/frontend.yml'

jobs:
  lint:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '20.19.4'
      - name: Restore npm cache
        uses: actions/cache@v3
        with:
          path: ~/.npm
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          restore-keys: ${{ runner.os }}-node-
      - name: Install dependencies
        run: npm ci
        working-directory: ./frontend
      - name: Lint
        run: npm run lint
        working-directory: ./frontend

  test:
    runs-on: ubuntu-latest
    timeout-minutes: 20
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '20.19.4'
      - name: Restore npm cache
        uses: actions/cache@v3
        with:
          path: ~/.npm
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}-v3
          restore-keys: ${{ runner.os }}-node-
      - name: Install dependencies
        run: npm ci
        working-directory: ./frontend
      - name: Build
        run: npm run build
        working-directory: ./frontend
      - name: Run tests with coverage
        run: CI=true npx vitest --run --coverage
        working-directory: ./frontend
      - name: Upload coverage to Coveralls
        uses: coverallsapp/github-action@v2
        with:
          github-token: ${{ secrets.GITHUB_TOKEN }}
          path-to-lcov: ./frontend/coverage/lcov.info

  deploy_staging:
    needs: [lint, test]
    runs-on: ubuntu-latest
    environment: staging
    concurrency: '1'
    if: github.event_name == 'push' && github.ref == 'refs/heads/develop'
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '20.19.4'
      - name: Restore npm cache
        uses: actions/cache@v3
        with:
          path: ~/.npm
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          restore-keys: ${{ runner.os }}-node-
      - name: Install dependencies
        run: npm ci
        working-directory: ./frontend
      # TODO: Reenable docs site CRASM-1070, CRASM-2124
      # - name: Build Docs
      #   run: |
      #     npm ci
      #     npm run build
      #   working-directory: ./docs
      # - name: Copy Docs to Frontend
      #   run: cp -R ./docs/public ./frontend/docs-build
      - name: Build Staging
        run: |
          cp stage-cd.env .env
          npm run build
        working-directory: ./frontend
      - name: Deploy Staging
        run: npx serverless deploy --stage=staging-cd
        working-directory: ./frontend
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          SLS_DEBUG: '*'

  deploy_integration:
    needs: [lint, test]
    runs-on: ubuntu-latest
    environment: integration
    concurrency: '1'
    if: github.event_name == 'push' && github.ref == 'refs/heads/integration'
    steps:
      - uses: actions/checkout@v3
      - name: Debug Directory Structure
        run: |
          pwd
          ls -la .
      - uses: actions/setup-node@v3
        with:
          node-version: '20.19.4'
      - name: Restore npm cache
        uses: actions/cache@v3
        with:
          path: ~/.npm
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          restore-keys: ${{ runner.os }}-node-
      - name: Install Frontend Dependencies
        run: npm ci
        working-directory: ./frontend
      # TODO: Reenable docs site CRASM-1070, CRASM-2124
      # - name: Install Docs Dependencies
      #   run: |
      #     npm ci
      #   working-directory: ./docs
      # - name: Build Docs
      #   run: npm run build
      #   working-directory: ./docs
      # - name: Copy Docs to Frontend
      #   run: cp -R ./docs/public ./frontend/docs-build
      - name: Build Integration
        run: |
          cp integration.env .env
          npm run build
        working-directory: ./frontend
      - name: Debug Directory Structure After Build
        run: |
          ls -la ./frontend/docs-build
          ls -la ./frontend
      - name: Deploy Integration
        run: npx serverless deploy --stage=integration
        working-directory: ./frontend
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          SLS_DEBUG: '*'