webpack is a very powerful asset bundler written in node.js to bundle (ES6) JavaScript modules, stylesheets, images, and other assets...
RubyMine comes with a nice way to grep through your project's files: The finder (ctrl + shift + f). Don't...
Element finding is a central feature of Capybara. Since #find is normally used to get elements from the current page...
Jasmine has long standing support for writing asynchronous specs. In days gone by we used the done callback to achieve...
The goal is to get Jasmine specs running in a Rails project using Webpacker, with the browser based test runner...
The issue in this card can occur if the node_modules directory is checked into your Git repository. We usually...
When you update your ChromeDriver to version 75 or beyond, you might get w3c errors in your tests.
Cucumber up to version 2 had a neat feature called Step Argument Transforms which was dropped in favor of Cucumber...
Until Capybara 2, node finders that accept a text option were able to find nodes based on rendered text, even...
Webpacker can automatically create an icon font from SVG files, which is really handy. When you're using the asset...
It is quite easy to migrate from CoffeeScript to ES6. You can use decaffeinate to convert your CoffeeScript source to...
Over the years we have tried several solution to have vector icons in our applications. There are many ways to...
To keep JavaScript sources small, it can sometimes make sense to split your webpack bundles. For example, if your website...
Download buttons can be difficult to test, especially with Selenium. Depending on browser, user settings and response headers, one of...
We're always striving towards keeping our website's JavaScript as small as possible. If you're using webpack(er...
TL;DR Most web applications do not require action on this. SameSite=None (old browser default) will continue to work...
When delivering non-public uploaded files (images, documents etc), one has to decide whether and how to do authorization. The...
Some older Node modules rely on window.jQuery to be present. One suggested solution is to use this config in the...
PostCSS is a tool for transforming styles with JS plugins. In Webpacker you can configure the plugins and their settings...
This is a short overview of things that are required to upgrade a project from the Asset Pipeline to Webpacker...
In Rails, we usually have a mailer setup like this: class MyMailer < ActionMailer::Base def newsletter mail to: 'receiver@host.tld',
Many mail clients do not support external style sheets. Some even require all styling inline, which means you'll have...
min-width is known as a CSS property that can be set to define a least width for an element...
When we want to use our own (or bought) fonts in an application with Webpack(er), we have two options...