locahost server issue

Orb and Docker Image result in localhost server error

I’m sure there is a simple solution to this but have not found a clearcut way to resolve. It seems every time CircleCi runs npm start it spins up a new server but our Cypress is set up to look for http://localhost:3040 and not a dynamic host

• what version of the orb are you currently using? cypress-io/cypress@1

cypress.json

{
    "baseUrl": "http://localhost:3040"
}

CircleCi job using orb

cypress/run:
         requires:
           - build
         command: npx cypress run 
         record: true
         store_artifacts: true
         start: npm start
         wait-on: 'http://localhost:3040'

CircleCi job using Docker Image

  cypress-test:
    docker: 
      - image: cypress/included:6.1.0
        environment:
          TERM: xterm
    working_directory: ~/repo
    steps:
      - checkout
      - restore_cache:
          keys:
            - v1-deps-{{ .Branch }}-{{ checksum "package.json" }}
            - v1-deps-{{ .Branch }}
            - v1-deps
      - run:
          name: Install Dependencies
          command: npm ci
      - save_cache:
          key: v1-deps-{{ .Branch }}-{{ checksum "package.json" }}
          paths:
            - ~/.npm
            - ~/.cache
      - run: 
          name: Start Server
          command: npm start
      - run: $(npm bin)/cypress run 

Screenshots of error messages / failed tests

[ncote3]

Another thread in the react-scripts repo had some sort of solution using docker compose? Seems like web-pack’s issue may be related to the shell needing to stay alive.

The thread is here, but I’m not sure how to configure it using docker-compose run on circle-ci: https://github.com/facebook/create-react-app/issues/8688#issuecomment-602149917

[bahmutov]

Please run this command on CI to show the logs from wait-on on CircleCI