feat: 웹 푸시 구현 (#429)

* chore: manifest 수정 * feat: Toggle Component 구현 * refactor: serviceWorker 등록 코드 변경 * feat: myPage에서 서비스 구독 알림 설정 * chore: firebase 설치 * chore: serviceWorker 배포파일 추가 * chore: firebase 위치 이동 * chore: firebase 이동 * feat: 구독 정보 객체 선언 * feat: webpush 관련 api 작성 * feat: 구동 설정/해제 구현 * refactor: serviceWorker refactor * refactor: 로그인 하지 않았을 경우 Prompt 나타나지 않게 설정 및 prompt 조건부 렌더링으로 변경 * refactor: disabled인 경우 디자인 변경 및 toggle 초기값 설정 * chore: icon maskable로 변경 * refactor: deferredPrompt 상태로 저장 * chore: serviceWorker에서 firebase-messaging으로 변경 * design: prompt z-index 설정 * refactor: 로그인 시에 firebase 토큰 전달하도록 설정 * chore: firebase 알림 수정 * refactor: 토큰 등록 관련 API 수정 * refactor: webpush 훅 분리 * feat: 토큰 조회 API 구현 * refactor: 사용하지 않는 객체 삭제 * feat: 브라우저에서 알림을 지원하지 않는 경우 옵션 추가 * refactor: 로그인 기능 롤백 * refactor: 현재 구독중인지 확인하는 훅 추가 * chore: web push 관련 handler 생성 * refactor: webpush 관련 훅 업데이트 * refactor: 개발 환경에서 development 생성 * refactor: toggle 낙관적 업데이트 적용 * chore: 불필요한 콘솔 제거 * chore: sitemap 변경 * feat: 코드가 200번대가 아닌 경우에 일단 에러 발생 * refactor: 미지원 브라우저 알림 토글 차단 * refactor: 로그인 msw 롤백 * chore: 사용하지 않는 파일 제거 * chore: submodule update 추가 * chore: build를 위한 주석 테스트 * refactor: build 문제 해결을 위한 문제 코드 삭제 * chore: 주석 제거 * refactor: toast 변경 * chore: pushManager관련 주석 추가 * refactor: login 코드 수정 * refactor: 반환값 명시 * design: disable인 경우에 cursor 제거 * refactor: cookie 값 없는 경우 반환 식 변경 * refactor: 아이콘 이미지 변경 * refactor: serviceWorker 병형 가능하도록 설정 * refactor: 의존성 업데이트 * test: main에 테스트 수정
woowacourse-teams · Oct 20, 2023 · 5ec24ed · 5ec24ed
1 parent 8e6b848
commit 5ec24ed
Show file tree

Hide file tree

Showing 59 changed files with 2,096 additions and 214 deletions.
diff --git a/.github/workflows/frontend-dev.yml b/.github/workflows/frontend-dev.yml
@@ -14,43 +14,46 @@ on:
 defaults:
   run:
     working-directory: frontend
-    
+
 permissions:
-    pull-requests: write
-    checks: write
+  pull-requests: write
+  checks: write
 
 jobs:
-   build:
+  build:
     runs-on: ubuntu-latest
     steps:
       - name: Set up Repository
         uses: actions/checkout@v3
 
-      - name : Set up Node 18.16.0 
+      - name: Set up Node 18.16.0
         uses: actions/setup-node@v3
         with:
           node-version: 18.16.0
-          
+
       - name: Cache node_modules
         id: cache
         uses: actions/cache@v3
         with:
-         path: '**/node_modules'
-         key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-         restore-keys: |
-          ${{ runner.os }}-node-
-          
+          path: '**/node_modules'
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
       - name: npm clean install
         run: npm ci
         if: steps.cache.outputs.cache-hit != 'true'
 
+      - name: submodule update
+        run: git submodule update --remote --merge
+
       - name: npm build dev
         run: npm run build-dev
-      
+
       - name: storyBook build
         run: npm run build-storybook
         if: always()
-      
+
       - name: notificate on slack if build failed
         uses: 8398a7/action-slack@v3
         with:

diff --git a/frontend/cypress/e2e/main.cy.ts b/frontend/cypress/e2e/main.cy.ts
@@ -96,6 +96,10 @@ describe('검색창', () => {
       .type('아카시')
       .wait(500)
 
+      .get('ul > li')
+      .contains('아카시')
+      .should('be.visible')
+
       .get('button[aria-label="이동하기"]')
       .click()
 
@@ -110,6 +114,13 @@ describe('검색창', () => {
     cy.get('input')
       .type('참')
       .wait(500)
+
+      .get('ul > li')
+      .should('be.visible')
+
+      .get('input')
+      .focus()
+
       .type('{enter}')
 
       .location('pathname')