Unable to run tests with Vite dev server

[sonicoder86]

I have a Vite dev server running on port 3000 with a functioning application. Running the e2e tests in a separate thread works fine. But together run by start-server-and-test it stucks after starting the Vite server.

• version 1.11.7
• platform MacOS
• expected behavior: Runs the tests after the dev server started.
• actual behavior: start-server-and-test hangs when Vite start the webserver. The server is up and running and the tests can be run in a separate terminal.

My package json setup:

  "scripts": {
    "start": "vite",
    "test:e2e:javascript": "start-server-and-test start http://localhost:3000 e2e:javascript",
    "e2e:javascript": "jest --config=jest.e2e.config.js e2e/javascript"
  }

Reproduction: In my https://github.com/blacksonic/vue-3-playground repository run: npm run test:e2e:javascript

[sonicoder86]

The error seems to be coming from the fact that Vite responds with 404 for HEAD requests

DEBUG=start-server-and-test gives these error logs

making HTTP(S) head request to url:http://localhost:3000/ ... HTTP(S) error for http://localhost:3000/ Error: Request failed with status code 404

I've switched to GET probing, but doesn't solve the issue. (http-get://localhost:3000)

I've narrowed it down to axios unable to send a successful request to the url...in a separate file axios.get('http://localhost:3000') fails with 404

[sonicoder86]

It turns out the problem is with the default Accept headers for Axios...Vite only accepts text/html, application/json and not text/plain.

vitejs/vite#1817

[github-actions]

🎉 This issue has been resolved in version 1.12.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[LeBenLeBen]

Is it correct that this still needs to use http-get to work? It doesn’t seem to work otherwise for me using Vite 2.0.5 and start-server-and-test 1.12.0.

I would gladly add a mention in addition to webpack-dev-server in the README if that’s the case.

[vertic4l]

We have Vite 3.2.2 and start-server-and-test 1.14 and the exact same issue. Tests start too early. Any tips how to solve this?

[vertic4l]

As a workaround we use to build it first, and then start-server-and-test preview http-get://localhost:4200/ testcafe-pipeline. Would be faster with the dev server but works for now.

[bahmutov]

I would suggest opening a new issue with reproduction and trying to see what the tool does via DEBUG=start-server-and-test

[vertic4l]

@bahmutov isn't it obvious?

When using vite dev server the following happens:

1. Dev Server starts and takes a moment to build
2. Test Starts immediately due to 200 Response from Server
3. Tests fails because Dev Server wasn't ready to serve the environment immediately

[bahmutov]

Well if this is so simple then it looks to be the Vue / Vite problem, no? They serve pages before they are ready I guess.

[gottfired]

It's not a vite problem but a problem with wait-onor rather Node (see jeffbski/wait-on#109). I fixed it for now in my project using this in my package.json

"resolutions": {
    "wait-on": "npm:@metcoder95/wait-on@^1.0.0"
  },

See also jeffbski/wait-on#109 (comment)

[MikeMcC399]

@gottfired

Did you try starting vite with vite --host?

See https://vitejs.dev/config/server-options.html#server-host