Testing file download links in an end-to-end test can be painful, especially with Selenium. The attached download_helpers.rb provides...

I recently had the problem that embedded code boxes crashed my layout. It turned out that pres break out of...

Code quality can be measured in four levels: Working code (not enough) Reliable code (minimum) Readable code (ok for short...

When you need information about a gem (like version(s) or install path(s)), you can use the gem binary...

Due to the way we setup Jasmine tests in our projects, you may run into various errors when Jasmine boots...

This card explains how to generate an entity relationship diagram for your Rails application. We also show how to limit...

Sometimes you will need an input field which wraps content and grows in height as soon as content gets longer...

RSpec's let allows you to super into "outside" definitions, in parent contexts. Example: describe '#save' do subject { described_class.new(attributes...

To ensure a consistent code style for JavaScript code, we use ESLint. The workflow is similar to integrating rubocop...

Building application assets with esbuild is the new way to do it, and it's great, especially in combination with...

RSpec Rails can automatically mix in different behaviors to your tests based on their type tag, for example enabling you...

TL;DR When using Cache-Control on a Rails application, make sure the Vary: Accept header is set.

Since GitLab 10.3. you can use Mermaid in GitLab comments: Gitlab Doc. With Mermaid you can create diagrams based on...

Jasmine is a great way to unit test your JavaScript components without writing an expensive end-to-end test for...

A flaky test is a test that is often green, but sometimes red. It may only fail on some PCs...

You want to use fields in your applications. However, your desktop users may encounter some weird quirks: Aside from allowing...

The gem better_errors offers a detailed error page with an interactive REPL for better debugging. I had the issue...

Inspired by recent "git shortcut" cards I figured it would be nice to have one of these for rebasing a...

Sometimes a link or input field has no visible label. E.g. a text field with a magnifying glass icon 🔎 and...

Besides their default styling properties, HTML elements have a semantic meaning. For example, an h1 tag is usually styled with...

Most browsers have built-in drag and drop support for different page elements like text and images. While this may...

git --fixup is very handy to amend a change to a previous commit. You can then autosquash your commits with...

The RSpec matcher tests if two HTML fragments are equivalent. Equivalency means: Whitespace is ignored Types of attribute quotes are...