Randy Burgess wrburgess

TomSelect and Capybara

TomSelect.js manipulates the html structure of a select field to a degree that capybara select/find doesn't natively work.
You need to create a TomSelectHelper method that instructs capybara specifically how to find and click on an option.

Tools

ruby 3.x
rails 8.x
propshaft
esbuild
bootstrap 5.x
tom-select.js
simple_form

Thinking

With a large chunk of the team aiming for GopherCon, I wanted to see if you all thought there was value in my going to something completely different, but I'm game to head to GopherCon due to the team-learning aspect, too.

Subjects

As I took a look at the various things I might learn for the new team, these subjects came to mind:

Front-end (JS)
Security

	// solving issues related to these errors

	[Frontend] esbuild: frontend bundling started...
	[Frontend] ✘ [ERROR] Could not resolve "./fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47"
	[Frontend]
	[Frontend] frontend/styles/index.scss:11855:11:
	[Frontend] 11855 │ src: url("./fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f9...
	[Frontend] ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	[Frontend]
	[Frontend] ✘ [ERROR] Could not resolve "./fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47"

	#!/bin/bash
	export AWS_PAGER=""
	bucket_name="bucket-name"

	# List all versions in the bucket
	versions=$(aws s3api list-object-versions --bucket $bucket_name --query 'DeleteMarkers')

	# Loop through the list of delete markers and delete each one
	for version in $(echo "$versions" \| jq -r '.[] \| @base64'); do
	version_json=$(echo "$version" \| base64 --decode)

	<div
	class="container-fluid admin <%= params[:controller] %> <%= params[:action] %>"
	data-controller="<%= obj.model_name.plural.downcase %>"
	data-<%= obj.model_name.plural.downcase %>-action="<%= params[:action] %>"
	>
	</div>

	<label class="label">License Period Start Date</label><br/>
	<div class="input-group mb-3">
	<div>
	<span class="input-group-text label-from">From</span>
	<input placeholder="From" type="date" name="q[license_period_start_date_gteq_datetime]" id="license_period_start_date_gteq_datetime" value="<%= params.dig(:q, :license_period_start_date_gteq_datetime) %>">
	</div>
	<div>
	<span class="input-group-text label-to">To</span>
	<input placeholder="To" type="date" name="q[license_period_start_date_lteq_datetime]" id="license_period_start_date_lteq_datetime" value="<%= params.dig(:q, :license_period_start_date_lteq_datetime) %>">
	</div>

	require 'sidekiq/api'

	# 1. Clear retry set

	Sidekiq::RetrySet.new.clear

	# 2. Clear scheduled jobs

	Sidekiq::ScheduledSet.new.clear

	const widgetsData = document.querySelector('.widgets-data');
	const widgets = JSON.parse(widgetsData.value);