How to test(Rspec capybara + selenium) with docker selenium container

[y-hikaru-walabo]

My application five containers are running.

• App container
• App_test container
• db container
• vite container
• seleniarm container

The steps I will now test are as follows

1. Enter vite container
2. exec command RAILS_ENV=test bin/vite build
3. Enter App_test container
4. exec command bundle exec rspec

It is time consuming to build every time I do a test.
Running the test without building will result in an error.

Failure/Error: =vite_javascript_tag '/webpack/entrypoint/application.ts'    
ActionView::Template::Error:
Vite Ruby can't find entrypoint/application.ts in public/vite-test/manifest.json or public/vite-test/manifest-assets.json.    
Possible causes:
  - The last build failed. Try running `bin/vite build --clear --mode=test` manually and check for errors.
Errors:
  env: can't execute 'node': No such file or directory

The settings are as follows

vite.json

{
  "all": {
    "sourceCodeDir": "webpack",
    "entrypointsDir": "entrypoint",
    "watchAdditionalPaths": [],
    "additionalEntrypoints": ["webpack/js/pages/**/**/entry.tsx"]
  },
  "development": {
    "autoBuild": true,
    "publicOutputDir": "vite-dev",
    "port": 3036
  },
  "test": {
    "autoBuild": true,
    "publicOutputDir": "vite-test",
    "port": 3037
  }
}

docker-compose.yml

version: "3"
services:
  app:
    build:
      context: .
      dockerfile: ./docker/app/Dockerfile
      target: development
    volumes:
      - ./project_src:/var/www
    environment:
      VITE_RUBY_HOST: vite
      RAILS_ENV: development
    ports:
      - 60000:3000
    depends_on:
      - vite
      - selenium_chrome

  app_test:
    volumes:
      - ./project_src:/var/www
    environment:
      RAILS_ENV: test
    depends_on:
      - selenium_chrome

  vite:
    build:
      context: .
      dockerfile: ./docker/app/Dockerfile
      target: development
    environment:
      DEBUG: "*vite*"
      RAILS_ENV: development
      VITE_RUBY_HOST: 0.0.0.0
    ports:
      - "3036:3036"
    volumes:
      - ./project_src:/var/www/
    command: >
      /bin/bash -c "
        yarn && bin/vite dev
      "

  selenium_chrome:
    image: seleniarm/standalone-chromium
    ports:
      - 5900:5900

Let me know if you know how to test it without doing a build.

vite-plugin-ruby 3.1.2
vite 3.2.2
Ruby 3.0.3
Rails 7.0.4

[ElMassimo]

Hi there!

The error message is accurate:

env: can't execute 'node': No such file or directory

Vite Ruby is trying to auto-build assets for tests, but Node is not available in the container, so it can't precompile assets.

---

During development, if you want tests to get assets from the Vite dev server, check this section in the docs.

[y-hikaru-walabo]

Thank you.
I did not notice that the container did not contain node.

I installed node and ran the test.
But nothing appears on the screen.
It seems like there is no communication from the app container to the dev server.
172.25.0.7 is app container
vite container is 172.25.0.5

[ElMassimo]

I'd recommend reading this Vite-lizing Rails: get live reload and hot replacement with Vite Ruby_ guide, or checking this simpler example for a working setup.

It's often easier to start from something that works, to understand how variables should be configured (in particular the host).