video record testing

Author: davidsiaw

.circleci/compose-unit.yml

@@ -18,11 +18,25 @@ services:
   chrome:
     image: selenium/standalone-chrome
     container_name: chrome
+    environment:
+      SCREEN_WIDTH: 1280
+      SCREEN_HEIGHT: 1024
     healthcheck:
       test: ["CMD", "curl", "-v", "http://localhost:4444/wd/hub/status"] 
       interval: 10s
       timeout: 5s
       retries: 3
+  chromevideo:
+    platform: linux/amd64
+    image: davidsiaw/vrec
+    container_name: chromevideo
+    environment:
+      HOST: 'chrome:5900'
+      MP4LOC: '/var/output/out.mp4'
+      GIVEUID: "1000"
+      GIVEGID: "1000"
+    depends_on:
+      - chrome
 volumes:
   db_data:
   active_storage:

.circleci/compose.yml

@@ -58,11 +58,25 @@ services:
   chrome:
     image: selenium/standalone-chrome-debug
     container_name: chrome
+    environment:
+      SCREEN_WIDTH: 1280
+      SCREEN_HEIGHT: 1024
     healthcheck:
       test: ["CMD", "curl", "-v", "http://localhost:4444/wd/hub/status"] 
       interval: 10s
       timeout: 5s
       retries: 3
+  chromevideo:
+    platform: linux/amd64
+    image: davidsiaw/vrec
+    container_name: chromevideo
+    environment:
+      HOST: 'chrome:5900'
+      MP4LOC: '/var/output/out.mp4'
+      GIVEUID: "1000"
+      GIVEGID: "1000"
+    depends_on:
+      - chrome
 volumes:
   db_data:
   active_storage:

.circleci/config.yml

@@ -10,6 +10,7 @@ jobs:
       - image: cimg/ruby:3.3.1-node
         environment:
           RAILS_ENV: test
+          BUILDKIT_PROGRESS: plain
 
     working_directory: ~/repo
 
@@ -39,8 +40,12 @@ jobs:
           command: |
             mkdir -p /tmp/test-results
             docker-compose -f .circleci/compose.yml exec rails mkdir /tmp/test-results
-            docker-compose -f .circleci/compose.yml exec rails rails db:test:prepare 
+            docker-compose -f .circleci/compose.yml exec rails rails db:test:prepare
 
+      - run:
+          name: request to start recording video
+          command: |
+            docker-compose -f .circleci/compose.yml exec rails curl chromevideo:9494/start
       - run:
           name: run tests
           command: |
@@ -67,12 +72,25 @@ jobs:
           path: /tmp/test-results
           destination: test-results
 
+      - run:
+          name: request to stop recording video
+          command: |
+            sleep 3 # wait a bit for the video to finish being made
+            docker-compose -f .circleci/compose.yml exec rails curl chromevideo:9494/stop
+      - run:
+          name: download the video
+          command: |
+            docker cp chromevideo:/var/output/out.mp4 /tmp/test-video.mp4
+      - store_artifacts:
+          path: /tmp/test-video.mp4
+
   build-unit:
     docker:
       # specify the version you desire here
       - image: cimg/ruby:3.3.1-node
         environment:
           RAILS_ENV: test
+          BUILDKIT_PROGRESS: plain
     working_directory: ~/repo
     steps:
       - checkout
@@ -99,6 +117,11 @@ jobs:
             docker-compose -f .circleci/compose-unit.yml exec rails-unit mkdir /tmp/test-results
             docker-compose -f .circleci/compose-unit.yml exec rails-unit rails db:test:prepare 
 
+      - run:
+          name: request to start recording video
+          command: |
+            docker-compose -f .circleci/compose.yml exec rails curl chromevideo:9494/start
+
       - run:
           name: wait for container to ready
           command : |
@@ -136,6 +159,18 @@ jobs:
           path: /tmp/test-results
           destination: test-results
 
+      - run:
+          name: request to stop recording video
+          command: |
+            sleep 3 # wait a bit for the video to finish being made
+            docker-compose -f .circleci/compose-unit.yml exec rails-unit curl chromevideo:9494/stop
+      - run:
+          name: download the video
+          command: |
+            docker cp chromevideo:/var/output/out.mp4 /tmp/test-video.mp4
+      - store_artifacts:
+          path: /tmp/test-video.mp4
+
   brakeman:
     docker:
       - image: cimg/ruby:3.3.1-node

bin/vspec

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require 'time'
+
+system 'curl chromevideo:9494/start'
+
+system 'rspec'
+
+sleep 3
+
+system 'curl chromevideo:9494/stop'
+
+system "cp vidoutput/out.mp4 vidoutput/#{Time.now.iso8601}-test.mp4"