diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml index 41fc0d3..cfd86a0 100644 --- a/.github/workflows/e2e.yml +++ b/.github/workflows/e2e.yml @@ -1,126 +1,11 @@ name: End-to-end tests on: [push] jobs: - vite-latest: + vite-cli-latest: runs-on: ubuntu-latest steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Install vue - run: npm create vite@latest test-app -- --template vue - - - name: Add example code - run: | - mv ./example/src/App.vue ./test-app/src/App.vue - sed -i 's/ lang="ts"//' ./test-app/src/App.vue - mv ./example/vite.config.ts ./test-app/vite.config.js - mv ./example/src/assets/test.svg ./test-app/src/assets/test.svg - mv ./example/src/assets/style.svg ./test-app/src/assets/style.svg - mv ./example/src/assets/circle.svg ./test-app/src/assets/circle.svg - mv ./example/public/root.svg ./test-app/public/root.svg - - - name: Build - run: | - cd test-app - npm install - npm install vite-svg-loader --save-dev - npm run build - - - name: Test - uses: cypress-io/github-action@v6 - with: - start: npm run test:preview - - vite-latest-ts: - runs-on: ubuntu-latest - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Install vue-ts - run: npm create vite@latest test-app -- --template vue-ts - - - name: Add example code - run: | - mv ./example/src/App.vue ./test-app/src/App.vue - mv ./example/vite.config.ts ./test-app/vite.config.ts - mv ./example/src/vite-env.d.ts ./test-app/src/vite-env.d.ts - mv ./example/src/assets/test.svg ./test-app/src/assets/test.svg - mv ./example/src/assets/style.svg ./test-app/src/assets/style.svg - mv ./example/src/assets/circle.svg ./test-app/src/assets/circle.svg - mv ./example/public/root.svg ./test-app/public/root.svg - - - name: Build - run: | - cd test-app - npm install - npm install vite-svg-loader --save-dev - npm run build - - - name: Test - uses: cypress-io/github-action@v6 - with: - start: npm run test:preview - - vite-4: - runs-on: ubuntu-latest - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Install vue - run: npm create vite@4 test-app -- --template vue - - - name: Add example code - run: | - mv ./example/src/App.vue ./test-app/src/App.vue - sed -i 's/ lang="ts"//' ./test-app/src/App.vue - mv ./example/vite.config.ts ./test-app/vite.config.js - mv ./example/src/assets/test.svg ./test-app/src/assets/test.svg - mv ./example/src/assets/style.svg ./test-app/src/assets/style.svg - mv ./example/src/assets/circle.svg ./test-app/src/assets/circle.svg - mv ./example/public/root.svg ./test-app/public/root.svg - - - name: Build - run: | - cd test-app - npm install - npm install vite-svg-loader --save-dev - npm run build - - - name: Test - uses: cypress-io/github-action@v6 - with: - start: npm run test:preview - - vite-4-ts: - runs-on: ubuntu-latest - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Install vue-ts - run: npm create vite@4 test-app -- --template vue-ts - - - name: Add example code - run: | - mv ./example/src/App.vue ./test-app/src/App.vue - mv ./example/vite.config.ts ./test-app/vite.config.ts - mv ./example/src/vite-env.d.ts ./test-app/src/vite-env.d.ts - mv ./example/src/assets/test.svg ./test-app/src/assets/test.svg - mv ./example/src/assets/style.svg ./test-app/src/assets/style.svg - mv ./example/src/assets/circle.svg ./test-app/src/assets/circle.svg - mv ./example/public/root.svg ./test-app/public/root.svg - - - name: Build - run: | - cd test-app - npm install - npm install vite-svg-loader --save-dev - npm run build - - - name: Test - uses: cypress-io/github-action@v6 + - uses: actions/checkout@v4 + - run: ./create-test-app.sh "npm create vite@latest test-app -- --template vue" + - uses: cypress-io/github-action@v6 with: start: npm run test:preview diff --git a/create-test-app.sh b/create-test-app.sh new file mode 100644 index 0000000..04a510e --- /dev/null +++ b/create-test-app.sh @@ -0,0 +1,22 @@ +#!/bin/bash + +$1 # Install vue command, project name should be `test-app` + +# Copy example code and svg's +cp ./example/src/App.vue ./test-app/src/App.vue +cp ./example/vite.config.ts ./test-app/vite.config.js +cp ./example/src/assets/test.svg ./test-app/src/assets/test.svg +cp ./example/src/assets/style.svg ./test-app/src/assets/style.svg +cp ./example/src/assets/circle.svg ./test-app/src/assets/circle.svg +cp ./example/public/root.svg ./test-app/public/root.svg + +# Remove `lang="ts"` from `