Unhide custom checkbox/radio inputs in tests so capybara can target them

app/assets/stylesheets/disable_animations.scss

@@ -12,9 +12,3 @@
   animation: none !important;
   /* stylelint-enable property-no-vendor-prefix */
 }
-
-// Disable sticky changes bar for tests
-.diff-files-changed {
-  position: relative !important;
-  top: 0 !important;
-}

app/assets/stylesheets/test_environment.scss

+// Disable sticky changes bar for tests
+.diff-files-changed {
+  position: relative !important;
+  top: 0 !important;
+}
+
+// Un-hide inputs for @gitlab/ui custom checkboxes and radios so Capybara can target them
+.custom-control-input {
+  z-index: 500;
+  opacity: 1;
+}

app/views/layouts/_head.html.haml

@@ -44,6 +44,7 @@
     = yield :page_specific_styles
     = stylesheet_link_tag_defer "application_utilities"
   = stylesheet_link_tag "disable_animations", media: "all" if Rails.env.test? || Gitlab.config.gitlab['disable_animations']
+  = stylesheet_link_tag "test_environment", media: "all" if Rails.env.test?
 
   = stylesheet_link_tag_defer "highlight/themes/#{user_color_scheme}"
 

config/application.rb

@@ -219,6 +219,7 @@ module Gitlab
     config.assets.precompile << "lazy_bundles/select2.css"
     config.assets.precompile << "performance_bar.css"
     config.assets.precompile << "disable_animations.css"
+    config.assets.precompile << "test_environment.css"
     config.assets.precompile << "snippets.css"
     config.assets.precompile << "locale/**/app.js"
     config.assets.precompile << "emoji_sprites.css"