-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[FE] dev-fe 에서 dev 로 최종 프로젝트를 업로드한다. (#869)
- Loading branch information
Showing
263 changed files
with
5,309 additions
and
2,847 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| name: Playwright Tests | ||
| on: | ||
| pull_request: | ||
| branches: [main, dev-fe] | ||
| paths: | ||
| - 'frontend/**' | ||
| push: | ||
| branches: [main, dev-fe] | ||
| paths: | ||
| - 'frontend/**' | ||
| jobs: | ||
| test: | ||
| timeout-minutes: 10 | ||
| runs-on: ubuntu-latest | ||
| environment: frontend-msw | ||
| steps: | ||
| - uses: actions/checkout@v4 | ||
| - uses: actions/setup-node@v4 | ||
| with: | ||
| node-version: 20 | ||
| - name: Cache dependencies | ||
| id: cache | ||
| uses: actions/cache@v3 | ||
| with: | ||
| path: '**/node_modules' | ||
| key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }} | ||
| restore-keys: | | ||
| ${{ runner.os }}-yarn- | ||
| - name: Install dependencies | ||
| if: steps.cache.outputs.cache-hit != 'true' | ||
| run: | | ||
| cd frontend | ||
| yarn install --frozen-lockfile | ||
| - name: Install Playwright Browsers | ||
| run: | | ||
| cd frontend | ||
| yarn playwright install --with-deps | ||
| - name: Create .env File | ||
| run: | | ||
| cd frontend | ||
| echo "CLIENT_ID=${{ secrets.CLIENT_ID }}" >> .env | ||
| echo "GA_ID=${{ secrets.GA_ID }}" >> .env | ||
| echo "COOKIE=${{ secrets.COOKIE }}" >> .env | ||
| echo "KAKAO_MAP_KEY=${{ secrets.KAKAO_MAP_KEY }}" >> .env | ||
| echo "SENTRY_DSN_TOKEN=${{ secrets.SENTRY_DSN_TOKEN }}" >> .env | ||
| echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> .env | ||
| echo "SENTRY_ORG=${{ secrets.SENTRY_ORG }}" >> .env | ||
| echo "SENTRY_PROJECT=${{ secrets.SENTRY_PROJECT }}" >> .env | ||
| echo "ANALYZE_BUNDLE=${{ secrets.ANALYZE_BUNDLE }}" >> .env | ||
| echo "CI=${{ secrets.CI }}" >> .env | ||
| echo "API_ENV=${{ secrets.API_ENV }}" >> .env | ||
| echo "API_URL=${{ secrets.API_URL }}" >> .env | ||
| echo "REDIRECT_URI=${{ secrets.REDIRECT_URI }}" >> .env | ||
| echo "AMPLITUDE_API_KEY=${{ secrets.AMPLITUDE_API_KEY }}" >> .env | ||
| - name: Run Playwright tests | ||
| run: | | ||
| cd frontend | ||
| yarn e2e:mock | ||
| - uses: actions/upload-artifact@v4 | ||
| if: ${{ !cancelled() }} | ||
| with: | ||
| name: playwright-report | ||
| path: frontend/playwright-report/ | ||
| retention-days: 30 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -8,7 +8,7 @@ npm run build | |
|
|
||
| or | ||
|
|
||
| ``` | ||
| ```a | ||
| yarn build | ||
| ``` | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,83 @@ | ||
| import { defineConfig, devices } from '@playwright/test'; | ||
| /** | ||
| * Read environment variables from file. | ||
| * https://github.com/motdotla/dotenv | ||
| */ | ||
| import dotenv from 'dotenv'; | ||
| import path from 'path'; | ||
|
|
||
| dotenv.config({ path: path.resolve(__dirname, '.env.development') }); | ||
| /** | ||
| * See https://playwright.dev/docs/test-configuration. | ||
| */ | ||
| export default defineConfig({ | ||
| testDir: './playwright/tests/api', | ||
| /* Run tests in files in parallel */ | ||
| fullyParallel: true, | ||
| /* Fail the build on CI if you accidentally left test.only in the source code. */ | ||
| forbidOnly: !!process.env.CI, | ||
| /* Retry on CI only */ | ||
| retries: process.env.CI ? 2 : 0, | ||
| /* Opt out of parallel tests on CI. */ | ||
| workers: process.env.CI ? 1 : undefined, | ||
| /* Reporter to use. See https://playwright.dev/docs/test-reporters */ | ||
| reporter: 'html', | ||
| /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */ | ||
| use: { | ||
| /* Base URL to use in actions like `await page.goto('/')`. */ | ||
| baseURL: 'http://localhost:3000', | ||
|
|
||
| /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */ | ||
| trace: 'on-first-retry', | ||
| actionTimeout: 5000, | ||
| }, | ||
|
|
||
| /* Configure projects for major browsers */ | ||
| projects: [ | ||
| { name: 'setup', testMatch: /.*\.setup\.ts/ }, | ||
| { | ||
| name: 'chromium', | ||
| use: { ...devices['Desktop Chrome'], storageState: 'playwright/.auth/user.json' }, | ||
| dependencies: ['setup'], | ||
| }, | ||
|
|
||
| { | ||
| name: 'firefox', | ||
| use: { ...devices['Desktop Firefox'], storageState: 'playwright/.auth/user.json' }, | ||
| dependencies: ['setup'], | ||
| }, | ||
|
|
||
| { | ||
| name: 'webkit', | ||
| use: { ...devices['Desktop Safari'], storageState: 'playwright/.auth/user.json' }, | ||
| dependencies: ['setup'], | ||
| }, | ||
|
|
||
| /* Test against mobile viewports. */ | ||
| // { | ||
| // name: 'Mobile Chrome', | ||
| // use: { ...devices['Pixel 5'] }, | ||
| // }, | ||
| // { | ||
| // name: 'Mobile Safari', | ||
| // use: { ...devices['iPhone 12'] }, | ||
| // }, | ||
|
|
||
| /* Test against branded browsers. */ | ||
| // { | ||
| // name: 'Microsoft Edge', | ||
| // use: { ...devices['Desktop Edge'], channel: 'msedge' }, | ||
| // }, | ||
| // { | ||
| // name: 'Google Chrome', | ||
| // use: { ...devices['Desktop Chrome'], channel: 'chrome' }, | ||
| // }, | ||
| ], | ||
|
|
||
| /* Run your local dev server before starting the tests */ | ||
| webServer: { | ||
| command: 'yarn dev -- --no-open', | ||
| url: 'http://localhost:3000/', | ||
| reuseExistingServer: !process.env.CI, | ||
| }, | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| import { defineConfig, devices } from '@playwright/test'; | ||
| /** | ||
| * Read environment variables from file. | ||
| * https://github.com/motdotla/dotenv | ||
| */ | ||
| import dotenv from 'dotenv'; | ||
| import path from 'path'; | ||
|
|
||
| dotenv.config({ path: path.resolve(__dirname, '.env.msw') }); | ||
| /** | ||
| * See https://playwright.dev/docs/test-configuration. | ||
| */ | ||
| export default defineConfig({ | ||
| testDir: './playwright/tests/mock', | ||
| /* Run tests in files in parallel */ | ||
| fullyParallel: true, | ||
| /* Fail the build on CI if you accidentally left test.only in the source code. */ | ||
| forbidOnly: !!process.env.CI, | ||
| /* Retry on CI only */ | ||
| retries: process.env.CI ? 2 : 0, | ||
| /* Opt out of parallel tests on CI. */ | ||
| workers: process.env.CI ? 1 : undefined, | ||
| /* Reporter to use. See https://playwright.dev/docs/test-reporters */ | ||
| reporter: 'html', | ||
| /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */ | ||
| use: { | ||
| baseURL: 'http://localhost:3000', | ||
|
|
||
| /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */ | ||
| trace: 'on-first-retry', | ||
| actionTimeout: 5000, | ||
| }, | ||
|
|
||
| /* Configure projects for major browsers */ | ||
| projects: [ | ||
| { | ||
| name: 'chromium', | ||
| use: { ...devices['Desktop Chrome'] }, | ||
| }, | ||
|
|
||
| { | ||
| name: 'firefox', | ||
| use: { ...devices['Desktop Firefox'] }, | ||
| }, | ||
|
|
||
| { | ||
| name: 'webkit', | ||
| use: { ...devices['Desktop Safari'] }, | ||
| }, | ||
|
|
||
| /* Test against mobile viewports. */ | ||
| // { | ||
| // name: 'Mobile Chrome', | ||
| // use: { ...devices['Pixel 5'] }, | ||
| // }, | ||
| // { | ||
| // name: 'Mobile Safari', | ||
| // use: { ...devices['iPhone 12'] }, | ||
| // }, | ||
|
|
||
| /* Test against branded browsers. */ | ||
| // { | ||
| // name: 'Microsoft Edge', | ||
| // use: { ...devices['Desktop Edge'], channel: 'msedge' }, | ||
| // }, | ||
| // { | ||
| // name: 'Google Chrome', | ||
| // use: { ...devices['Desktop Chrome'], channel: 'chrome' }, | ||
| // }, | ||
| ], | ||
|
|
||
| /* Run your local dev server before starting the tests */ | ||
| webServer: { | ||
| command: 'yarn msw -- --no-open', | ||
| url: 'http://localhost:3000/', | ||
| reuseExistingServer: !process.env.CI, | ||
| }, | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| import { test as setup } from '@playwright/test'; | ||
| import path from 'path'; | ||
|
|
||
| const authFile = path.join(__dirname, '../../../playwright/.auth/user.json'); | ||
|
|
||
| setup('authenticate', async ({ page }) => { | ||
| const username = process.env.EMAIL || ''; | ||
| const password = process.env.PASSWORD || ''; | ||
|
|
||
| await page.goto('/sign-in'); | ||
| await page.locator('input[name="email"]').fill(username); | ||
| await page.locator('input[name="password"]').fill(password); | ||
| await page.getByRole('button', { name: '로그인 하기' }).click(); | ||
| await page.waitForURL('/home'); | ||
| await page.context().storageState({ path: authFile }); | ||
| }); |
Oops, something went wrong.