Add GitHub Actions for CI

Make sure we test if the apps actually work.

Author: tombruijn

.github/workflows/ci.yml

@@ -0,0 +1,70 @@
+name: Frontend test setups tests
+
+on:
+  push:
+    branches:
+    - main
+  pull_request:
+    types:
+    - opened
+    - reopened
+    - synchronize
+  schedule:
+  - cron: "0 0 * * 1-5"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ !contains(github.ref, 'main') }}
+
+env:
+  RUNNING_IN_CI: "true"
+
+jobs:
+  test:
+    name: "Test ${{ matrix.app }}"
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    strategy:
+      fail-fast: false
+      matrix:
+        app:
+          - angular/13
+          - angular/14
+          - react/cra-16
+          - react/cra-17
+          - react/cra-17-typescript
+          - react/cra-18
+          - react/vite-18
+          - react/vite-19
+          - stimulus/3
+          - vue/2
+          - vue/3
+          - vue/3-class-component
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .tool-versions
+
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: "3.3"
+          bundler-cache: true
+
+      - name: Install yarn
+        run: npm install -g yarn
+
+      - name: Setup Chrome
+        uses: browser-actions/setup-chrome@v1
+        with:
+          chrome-version: stable
+
+      - name: Run tests
+        env:
+          CI: "true"
+          TEST_APP: ${{ matrix.app }}
+        run: bundle exec rspec

spec/features/error_tracking_spec.rb

@@ -1,6 +1,6 @@
 require "spec_helper"
 
-describe "Error tracking", :type => :feature do
+describe "Error tracking", type: :feature do
   before :all do
     Thread.new do
       run_endpoint
@@ -13,7 +13,8 @@
     end
   end
 
-  all_apps.each do |a_app|
+  apps = ENV["TEST_APP"] ? [ENV["TEST_APP"]] : all_apps
+  apps.each do |a_app|
     context "for #{a_app}" do
       let(:app) { a_app }
 
@@ -51,7 +52,7 @@
         body = JSON.parse(request.body.read)
 
         # Timestamp
-        expect(body["timestamp"]).to be > 1644138966
+        expect(body["timestamp"]).to be > 1_644_138_966
 
         # Error
         expect(body["error"]).to be_a_kind_of Hash
@@ -68,7 +69,7 @@
         expect(body["revision"]).to eq "revision"
 
         # Tags
-        expect(body["tags"]). to be_a_kind_of Hash
+        expect(body["tags"]).to be_a_kind_of Hash
       end
     end
   end

spec/spec_helper.rb

@@ -1,8 +1,8 @@
 require "capybara/rspec"
 require "json"
 require "pry"
-require_relative "../support/helpers.rb"
-require_relative "./support/endpoint_server.rb"
+require_relative "../support/helpers"
+require_relative "./support/endpoint_server"
 
 RSpec.configure do |config|
   config.expect_with :rspec do |expectations|
@@ -16,7 +16,20 @@
   config.shared_context_metadata_behavior = :apply_to_host_groups
 end
 
-Capybara.default_driver = :selenium
+Capybara.register_driver :headless_chrome do |app|
+  options = Selenium::WebDriver::Chrome::Options.new
+  options.add_argument("--headless=new")
+  options.add_argument("--no-sandbox")
+  options.add_argument("--disable-dev-shm-usage")
+  options.add_argument("--disable-gpu")
+  Capybara::Selenium::Driver.new(app, browser: :chrome, options: options)
+end
+
+Capybara.default_driver = if ENV["CI"]
+                            :headless_chrome
+                          else
+                            :selenium
+                          end
 
 def run_endpoint
   EndpointServer.run!