shoelace-rails 0.4.1 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a2dfd18c31e8151980211fe86c5911629f795652e2662315055695f31b7e2d6
-  data.tar.gz: a2c224c7c8ba4fd199d9190d77e37246650753f9c76d29156c25b4754c65018b
+  metadata.gz: 206ca8361dedd910c96e3c13469e9bad996af7d2a91a0ca0af2cb8e1a7430808
+  data.tar.gz: 64df314d89557bd02dbf791bddcc49185017f5cb1d22c5046a23f1767df5bf18
 SHA512:
-  metadata.gz: 8a78a2537a9851beb4f9d7e33214e51fbff8c3539cef0d244951b6ac36d7f0837a84129a8dfe36a46f8e7eec8f474e65b9a45078abde2a508b3a3b90f5322060
-  data.tar.gz: 5a99554ecd05cd33ffbe41929984a82828961db94ac3f4a4c796e6685bff57c08afef96ed8d8c58e055edaada87e2e0be0ebc5761b870bec74164a476c7e36e6
+  metadata.gz: 284ca5c08643f593de6554d02bb8e4857d141c8a4ddc02def92e573a273a3b45694e2ce14783779fbafe83eea1b9cbc85fd80ba52f36dc235e11d5cec6e9f6b1
+  data.tar.gz: 22ca68a850b08eebb0ad6d8fd48a8a7b65a3a4647acd34171f04cac20eca635475147804194957efe75fb4aeef68741b4b65fc3f10edc214165b3eb51addefcb

data/.github/workflows/main.yml

@@ -9,6 +9,7 @@ jobs:
     strategy:
       matrix:
         ruby_version:
+          - '3.3'
           - '3.2'
           - '3.1'
           - '3.0'
@@ -16,17 +17,20 @@ jobs:
           - 'jruby-9.3'
           - 'jruby-9.4'
         gemfile:
+          - gemfiles/rails_71.gemfile
           - gemfiles/rails_70.gemfile
           - gemfiles/rails_61.gemfile
           - gemfiles/rails_60.gemfile
         exclude:
+          - ruby_version: 'jruby-9.3'
+            gemfile: gemfiles/rails_71.gemfile
           - ruby_version: 'jruby-9.3'
             gemfile: gemfiles/rails_70.gemfile
     runs-on: ubuntu-22.04
     env:
       BUNDLE_GEMFILE: ${{ matrix.gemfile }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Set up Ruby
         uses: ruby/setup-ruby@v1
         with:
@@ -34,89 +38,35 @@ jobs:
           bundler-cache: true
       - run: bundle exec rake test
 
-  system:
-    needs: unit
-    runs-on: ubuntu-22.04
-    steps:
-      - uses: actions/checkout@v3
-      - name: Set up Ruby
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: 3.2.0
-          bundler-cache: true
-      - name: Install dependencies
-        run: |
-          rm -rf node_modules &&
-          yarn install &&
-          yarn add tslib &&
-          bundle
-      - name: Run the system test in the dummy app
-        run: rake test:system
-
   rails_edge:
-    needs: system
+    needs: unit
     runs-on: ubuntu-22.04
     env:
       BUNDLE_GEMFILE: gemfiles/rails_edge.gemfile
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Set up Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: 3.1
+          ruby-version: 3.3
           bundler-cache: true
       - run: bundle exec rake test || echo "Rails edge test is done."
 
   ruby_edge:
-    needs: system
+    needs: unit
     strategy:
       matrix:
         gemfile:
           - gemfiles/rails_edge.gemfile
-          - gemfiles/rails_70.gemfile
+          - gemfiles/rails_71.gemfile
     runs-on: ubuntu-22.04
     env:
       BUNDLE_GEMFILE: ${{ matrix.gemfile }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Set up Ruby
         uses: ruby/setup-ruby@v1
         with:
           ruby-version: 'ruby-head'
           bundler-cache: true
       - run: bundle exec rake || echo "Ruby edge test is done."
-
-#  browser_tests:
-#    runs-on: ubuntu-22.04
-#    steps:
-#      - uses: actions/checkout@v3
-#      - name: Set up Ruby
-#        uses: ruby/setup-ruby@v1
-#        with:
-#          ruby-version: 3.2.0
-#          bundler-cache: true
-#      - name: Install dependencies
-#        run: |
-#          rm -rf node_modules &&
-#          yarn install &&
-#          yarn add tslib &&
-#          bundle
-#      - name: 'BrowserStack Env Setup'
-#        uses: 'browserstack/github-actions/setup-env@master'
-#        with:
-#          username:  ${{ secrets.BROWSERSTACK_USERNAME }}
-#          access-key: ${{ secrets.BROWSERSTACK_ACCESS_KEY }}
-#      - name: 'Start BrowserStackLocal Tunnel'
-#        uses: 'browserstack/github-actions/setup-local@master'
-#        with:
-#          local-testing: 'start'
-#          local-logging-level: 'all-logs'
-#          local-identifier: 'random'
-#      - name: Run the system test in the dummy app
-#        run: rake test:system
-#        env:
-#          BROWSERSTACK_URL:  ${{ secrets.BROWSERSTACK_URL }}
-#      - name: 'Stop BrowserStackLocal'
-#        uses: 'browserstack/github-actions/setup-local@master'
-#        with:
-#          local-testing: 'stop'

data/.gitignore

@@ -7,14 +7,9 @@
 /spec/reports/
 /tmp/
 Gemfile.lock
-node_modules
-dist
 .npmrc
 
-test/dummy_app/yarn.lock
-test/dummy_app/log/
-test/dummy_app/tmp/
-test/dummy_app/public/
 .pryrc
 gemfiles/*.lock
+gemfiles/.bundle
 BrowserStackLocal

data/Appraisals

@@ -6,6 +6,12 @@ appraise "rails_edge" do
   end
 end
 
+appraise "rails_71" do
+  gem "rails", "~> 7.1.0"
+  gem "railties", "~> 7.1.0"
+  gem "activesupport", "~> 7.1.0"
+end
+
 appraise "rails_70" do
   gem "rails", "~> 7.0.0"
   gem "railties", "~> 7.0.0"

data/CHANGELOG.md

@@ -1,11 +1,28 @@
-## v0.4.1
+## v0.6.0
 
-_<sup>released at 2023-03-21 05:01:50 UTC</sup>_
+#### ⭐️ Features
+
+- Add the ability to use translations with form helpers
+
+## [v0.5.0](https://github.com/yuki24/shoelace-rails/tree/v0.5.0)
+
+_<sup>released at 2024-03-09 08:54:30 UTC</sup>_
+
+#### ⭐️ Features
+
+- Add support for Ruby 3.3 ([<tt>399f255</tt>](https://github.com/yuki24/shoelace-rails/commit/399f25567f964d0ea2e250eba6db28a2bcd038a3))
+- Add support for Rails 7.1 ([#4](https://github.com/yuki24/shoelace-rails/pull/4))
+- Add `#grouped_collection_select` ([<tt>2b91023</tt>](https://github.com/yuki24/shoelace-rails/commit/2b91023d51e1d0a218f2102232241afa82aaf872))
+- Make the `<sl-radio>` form helpers compatible with Shoelace [2.0.0-beta.80](https://shoelace.style/resources/changelog#id_2_0_0-beta_80) and above ([<tt>ef9a834</tt>](https://github.com/yuki24/shoelace-rails/commit/ef9a8345f2c5c921847aef15e19cf64a471d6473))
+
+## [v0.4.1](https://github.com/yuki24/shoelace-rails/tree/v0.4.1)
+
+_<sup>released at 2023-03-21 04:03:27 UTC</sup>_
 
 #### 🐞Bug Fixes
 
-- Fixes a bug where `FormHelper` may not be defined when someone loads `ActionView` too early (d91ed3b595c01ce2dfc471b12b14311e0660d3d7)
-- Fixes a bug where the Shoelace rake tasks blow up when the project does not depend on Sprockets or Propshaft (0e64cd6dc38a037171be04eaf1d3f59c3c8529eb, 75adf831b1faa7f5d1faeed26e672d4bc89b9513)
+- Fixes a bug where `FormHelper` may not be defined when someone loads `ActionView` too early ([<tt>d91ed3b</tt>](https://github.com/yuki24/shoelace-rails/commit/d91ed3b595c01ce2dfc471b12b14311e0660d3d7))
+- Fixes a bug where the Shoelace rake tasks blow up when the project does not depend on Sprockets or Propshaft ([<tt>0e64cd6</tt>](https://github.com/yuki24/shoelace-rails/commit/0e64cd6dc38a037171be04eaf1d3f59c3c8529eb), [<tt>75adf83</tt>](https://github.com/yuki24/shoelace-rails/commit/75adf831b1faa7f5d1faeed26e672d4bc89b9513))
 
 ## [v0.4.0](https://github.com/yuki24/shoelace-rails/tree/v0.4.0)
 
@@ -13,7 +30,7 @@ _<sup>released at 2023-01-07 07:23:50 UTC</sup>_
 
 #### 🚨 Breaking Changes
 
-- No longer works with `2.0.0-beta.88` and below.
+- No longer works with `2.0.0-beta.87` and below.
 
 #### ⭐️ Features
 

data/Gemfile

@@ -6,6 +6,3 @@ source "https://rubygems.org"
 gemspec
 
 gem "rake", "~> 13.0"
-
-# Need this PR: https://github.com/rails/rails-dom-testing/pull/84 for easier DOM testing:
-gem 'rails-dom-testing', git: "https://github.com/rails/rails-dom-testing.git", ref: "8f5acdfc"

data/Rakefile

@@ -6,22 +6,7 @@ require "rake/testtask"
 Rake::TestTask.new(:test) do |t|
   t.libs << "test"
   t.libs << "lib"
-  t.test_files = FileList["test/**/*_test.rb"].exclude("test/dummy_app/**/*")
+  t.test_files = FileList["test/**/*_test.rb"]
 end
 
-namespace :test do
-  task :system do
-    Bundler.with_original_env do
-      sh <<~CMD
-        yarn build &&
-        cd test/dummy_app &&
-        yarn &&
-        bundle &&
-        RAILS_ENV=test rails webpacker:compile
-        rails test:system
-      CMD
-    end
-  end
-end
-
-task default: [:test, :'test:system']
+task default: [:test]

data/app/helpers/shoelace/form_helper.rb

@@ -57,8 +57,9 @@ module Shoelace
         options = @options.stringify_keys
         options["value"] = options.fetch("value") { value_before_type_cast }
         add_default_name_and_id(options)
+        label = options.delete('label').presence || @method_name.humanize
 
-        @template_object.content_tag('sl-switch', @method_name.to_s.humanize, options, &block)
+        @template_object.content_tag('sl-switch', label, options, &block)
       end
     end
 
@@ -104,11 +105,26 @@ module Shoelace
       end
     end
 
+    class ShoelaceGroupedCollectionSelect < ActionView::Helpers::Tags::GroupedCollectionSelect #:nodoc:
+      def option_groups_from_collection_for_select(collection, group_method, group_label_method, option_key_method, option_value_method, selected_key = nil)
+        @template_object.sl_option_groups_from_collection_for_select(collection, group_method, group_label_method, option_key_method, option_value_method, selected_key)
+      end
+
+      def select_content_tag(option_tags, _options, html_options)
+        html_options = html_options.stringify_keys
+        html_options['value'] ||= value
+        add_default_name_and_id(html_options)
+
+        @template_object.content_tag("sl-select", option_tags, html_options)
+      end
+    end
+
     class ShoelaceCheckBox < ActionView::Helpers::Tags::CheckBox #:nodoc:
       def render(&block)
         options = @options.stringify_keys
         options["value"]   = @checked_value
         options["checked"] = true if input_checked?(options)
+        label = options.delete("label") || @method_name.humanize
 
         if options["multiple"]
           add_default_name_and_id_for_value(@checked_value, options)
@@ -122,7 +138,7 @@ module Shoelace
         sl_checkbox_tag = if block_given?
                             @template_object.content_tag('sl-checkbox', '', options, &block)
                           else
-                            @template_object.content_tag('sl-checkbox', @method_name.to_s.humanize, options)
+                            @template_object.content_tag('sl-checkbox', label || @method_name.to_s.humanize, options)
                           end
 
         if include_hidden
@@ -137,8 +153,8 @@ module Shoelace
       def render(&block)
         options = @options.stringify_keys
         options["value"]   = @tag_value
-        options["checked"] = "checked" if input_checked?(options)
         add_default_name_and_id_for_value(@tag_value, options)
+        options.delete("name")
 
         @template_object.content_tag('sl-radio', '', options.except("type"), &block)
       end
@@ -164,7 +180,12 @@ module Shoelace
       private
 
       def render_collection(&block)
-        @template_object.content_tag('sl-radio-group', 'label' => @method_name.to_s.humanize) { super(&block) }
+        html_options = @html_options.stringify_keys
+        html_options["value"] = value
+        add_default_name_and_id(html_options)
+        html_options["label"] = @options[:label].presence || @method_name.humanize
+
+        @template_object.content_tag('sl-radio-group', html_options) { super(&block) }
       end
 
       def hidden_field
@@ -188,48 +209,56 @@ module Shoelace
         url: :url
       }.each do |field_type, field_class|
         # def email_field(method, **options, &block)
-        #   ShoelaceInputField.new(:email, object_name, method, @template, options.with_defaults(label: method.to_s.humanize)).render(&block)
+        #   ShoelaceInputField.new(:email, object_name, method, @template, options.with_defaults(label: label_text(method))).render(&block)
         # end
         eval <<-RUBY, nil, __FILE__, __LINE__ + 1
           def #{field_type}_field(method, **options, &block)
-            ShoelaceInputField.new(:#{field_class}, object_name, method, @template, options.with_defaults(object: @object, label: method.to_s.humanize)).render(&block)
+            ShoelaceInputField.new(:#{field_class}, object_name, method, @template, options.with_defaults(object: @object, label: label_text(method))).render(&block)
           end
         RUBY
       end
 
       def color_field(method, **options)
-        ShoelaceColorPicker.new(object_name, method, @template, options.with_defaults(object: @object)).render
+        ShoelaceColorPicker.new(object_name, method, @template, options.with_defaults(object: @object, label: label_text(method))).render
       end
       alias color_picker color_field
 
       def range_field(method, **options)
-        ShoelaceRange.new(object_name, method, @template, options.with_defaults(object: @object, label: method.to_s.humanize)).render
+        ShoelaceRange.new(object_name, method, @template, options.with_defaults(object: @object, label: label_text(method))).render
       end
       alias range range_field
 
       def switch_field(method, **options, &block)
-        ShoelaceSwitch.new(object_name, method, @template, options.with_defaults(object: @object)).render(&block)
+        if block_given?
+          ShoelaceSwitch.new(object_name, method, @template, options.with_defaults(object: @object)).render(&block)
+        else
+          ShoelaceSwitch.new(object_name, method, @template, options.with_defaults(object: @object, label: label_text(method))).render(&block)
+        end
       end
       alias switch switch_field
 
       def text_area(method, **options, &block)
-        ShoelaceTextArea.new(object_name, method, @template, options.with_defaults(object: @object, label: method.to_s.humanize, resize: 'auto')).render(&block)
+        ShoelaceTextArea.new(object_name, method, @template, options.with_defaults(object: @object, label: label_text(method), resize: 'auto')).render(&block)
       end
 
       def check_box(method, options = {}, checked_value = "1", unchecked_value = "0", &block)
-        ShoelaceCheckBox.new(object_name, method, @template, checked_value, unchecked_value, options.merge(object: @object)).render(&block)
+        ShoelaceCheckBox.new(object_name, method, @template, checked_value, unchecked_value, options.with_defaults(label: label_text(method)).merge(object: @object)).render(&block)
       end
 
       def select(method, choices = nil, options = {}, html_options = {}, &block)
-        ShoelaceSelect.new(object_name, method, @template, choices, options.with_defaults(object: @object), html_options.with_defaults(label: method.to_s.humanize), &block).render
+        ShoelaceSelect.new(object_name, method, @template, choices, options.with_defaults(object: @object), html_options.with_defaults(label: label_text(method)), &block).render
       end
 
       def collection_select(method, collection, value_method, text_method, options = {}, html_options = {}, &block)
-        ShoelaceCollectionSelect.new(object_name, method, @template, collection, value_method, text_method, options.with_defaults(object: @object), html_options.with_defaults(label: method.to_s.humanize), &block).render
+        ShoelaceCollectionSelect.new(object_name, method, @template, collection, value_method, text_method, options.with_defaults(object: @object), html_options.with_defaults(label: label_text(method)), &block).render
+      end
+
+      def grouped_collection_select(method, collection, group_method, group_label_method, option_key_method, option_value_method, options = {}, html_options = {})
+        ShoelaceGroupedCollectionSelect.new(object_name, method, @template, collection, group_method, group_label_method, option_key_method, option_value_method, options.with_defaults(object: @object), html_options.with_defaults(label: label_text(method))).render
       end
 
       def collection_radio_buttons(method, collection, value_method, text_method, options = {}, html_options = {}, &block)
-        ShoelaceCollectionRadioButtons.new(object_name, method, @template, collection, value_method, text_method, options.with_defaults(object: @object), html_options).render(&block)
+        ShoelaceCollectionRadioButtons.new(object_name, method, @template, collection, value_method, text_method, options.with_defaults(object: @object, label: label_text(method)), html_options).render(&block)
       end
 
       def submit(value = nil, options = {})
@@ -237,6 +266,12 @@ module Shoelace
 
         @template.sl_submit_tag(value || submit_default_value, **options)
       end
+
+      private
+
+      def label_text(method, tag_value = nil)
+        ::ActionView::Helpers::Tags::Label::LabelBuilder.new(@template, object_name, method, object, tag_value).translation
+      end
     end
 
     DEFAULT_FORM_PARAMETERS = { builder: ShoelaceFormBuilder }
@@ -307,6 +342,20 @@ module Shoelace
       end.join("\n").html_safe
     end
 
+    def sl_option_groups_from_collection_for_select(collection, group_method, group_label_method, option_key_method, option_value_method, selected_key = nil)
+      body = "".html_safe
+
+      collection.each_with_index do |group, index|
+        option_tags = sl_options_from_collection_for_select(value_for_collection(group, group_method), option_key_method, option_value_method, selected_key)
+
+        body.safe_concat(DIVIDER_TAG) if index > 0
+        body.safe_concat(content_tag("small", value_for_collection(group, group_label_method)))
+        body.safe_concat(option_tags)
+      end
+
+      body
+    end
+
     # Returns a string of +<sl-option>+ tags compiled by iterating over the collection and assigning the result of
     # a call to the +value_method+ as the option value and the +text_method+ as the option text.
     def sl_options_from_collection_for_select(collection, value_method, text_method, selected = nil)

data/gemfiles/rails_60.gemfile

@@ -3,7 +3,6 @@
 source "https://rubygems.org"
 
 gem "rake", "~> 13.0"
-gem "rails-dom-testing", git: "https://github.com/rails/rails-dom-testing.git", ref: "8f5acdfc"
 gem "rails", "~> 6.0.0"
 gem "railties", "~> 6.0.0"
 gem "activesupport", "~> 6.0.0"

data/gemfiles/rails_61.gemfile

@@ -3,7 +3,6 @@
 source "https://rubygems.org"
 
 gem "rake", "~> 13.0"
-gem "rails-dom-testing", git: "https://github.com/rails/rails-dom-testing.git", ref: "8f5acdfc"
 gem "rails", "~> 6.1.0"
 gem "railties", "~> 6.1.0"
 gem "activesupport", "~> 6.1.0"

data/gemfiles/rails_70.gemfile

@@ -3,7 +3,6 @@
 source "https://rubygems.org"
 
 gem "rake", "~> 13.0"
-gem "rails-dom-testing", git: "https://github.com/rails/rails-dom-testing.git", ref: "8f5acdfc"
 gem "rails", "~> 7.0.0"
 gem "railties", "~> 7.0.0"
 gem "activesupport", "~> 7.0.0"

data/gemfiles/rails_71.gemfile

@@ -0,0 +1,10 @@
+# This file was generated by Appraisal
+
+source "https://rubygems.org"
+
+gem "rake", "~> 13.0"
+gem "rails", "~> 7.1.0"
+gem "railties", "~> 7.1.0"
+gem "activesupport", "~> 7.1.0"
+
+gemspec path: "../"

data/gemfiles/rails_edge.gemfile

@@ -9,6 +9,5 @@ git "https://github.com/rails/rails.git", branch: "main" do
 end
 
 gem "rake", "~> 13.0"
-gem "rails-dom-testing", git: "https://github.com/rails/rails-dom-testing.git", ref: "8f5acdfc"
 
 gemspec path: "../"

data/lib/shoelace/rails/version.rb

@@ -2,6 +2,6 @@
 
 module Shoelace
   module Rails
-    VERSION = "0.4.1"
+    VERSION = "0.6.0"
   end
 end

data/shoelace-rails.gemspec

@@ -31,5 +31,5 @@ Gem::Specification.new do |spec|
 
   spec.add_development_dependency "appraisal"
   spec.add_development_dependency "minitest", ">= 5.14.4"
-  spec.add_development_dependency "rails-dom-testing", ">= 2.0.3"
+  spec.add_development_dependency "rails-dom-testing", ">= 2.2.0"
 end

data/test/helpers/form_helper_test.rb

@@ -46,7 +46,7 @@ class FormHelperTest < ActionView::TestCase
 
   test "#sl_radio_button" do
     assert_dom_equal(<<~HTML, sl_radio_button(:user, :name, 'userid-314', checked: true) { "Yuki Nishijima" })
-      <sl-radio value="userid-314" checked="checked" name="user[name]" id="user_name_userid-314">Yuki Nishijima</sl-radio>
+      <sl-radio value="userid-314" checked="checked" id="user_name_userid-314">Yuki Nishijima</sl-radio>
     HTML
   end
 
@@ -149,7 +149,7 @@ class FormHelperTest < ActionView::TestCase
   test "#color_field" do
     sl_form_for(User.new, url: "/") do |form|
       assert_dom_equal <<~HTML, form.color_field(:name)
-        <sl-color-picker name="user[name]" id="user_name"></sl-color-picker>
+        <sl-color-picker name="user[name]" id="user_name" label="Name"></sl-color-picker>
       HTML
     end
   end
@@ -412,7 +412,7 @@ class FormHelperTest < ActionView::TestCase
     end
   end
 
-  test "#collection_select with a defalut value" do
+  test "#collection_select with a default value" do
     users = {
       1 => "Yuki Nishijima",
       2 => "Matz",
@@ -430,6 +430,35 @@ class FormHelperTest < ActionView::TestCase
     end
   end
 
+  test "#grouped_collection_select" do
+    users = [
+      OpenStruct.new(
+        group_name: "Main maintainers",
+        members: [
+          OpenStruct.new(id: 1, name: "Matz"),
+          OpenStruct.new(id: 2, name: "Koichi Sasada"),
+        ]
+      ),
+      OpenStruct.new(
+        group_name: "Default gem maintainers",
+        members: [OpenStruct.new(id: 3, name: "Yuki Nishijima")]
+      ),
+    ]
+
+    sl_form_for(User.new(name: "2"), url: "/") do |form|
+      assert_dom_equal <<~HTML, form.grouped_collection_select(:name, users, :members, :group_name, :id, :name)
+        <sl-select label="Name" name="user[name]" id="user_name" value="2">
+          <small>Main maintainers</small>
+          <sl-option value="1">Matz</sl-option>
+          <sl-option value="2" checked="checked">Koichi Sasada</sl-option>
+          <sl-divider></sl-divider>
+          <small>Default gem maintainers</small>
+          <sl-option value="3">Yuki Nishijima</sl-option>
+        </sl-select>
+      HTML
+    end
+  end
+
   test "#collection_radio_buttons" do
     users = {
       1 => "Yuki Nishijima",
@@ -439,10 +468,10 @@ class FormHelperTest < ActionView::TestCase
 
     sl_form_for(User.new, url: "/") do |form|
       assert_dom_equal <<~HTML, form.collection_radio_buttons(:name, users, :first, :last)
-        <sl-radio-group label="Name">
-          <sl-radio name="user[name]" value="1" id="user_name_1">Yuki Nishijima</sl-radio>
-          <sl-radio name="user[name]" value="2" id="user_name_2">Matz</sl-radio>
-          <sl-radio name="user[name]" value="3" id="user_name_3">Koichi Sasada</sl-radio>
+        <sl-radio-group label="Name" name="user[name]" id="user_name">
+          <sl-radio value="1" id="user_name_1">Yuki Nishijima</sl-radio>
+          <sl-radio value="2" id="user_name_2">Matz</sl-radio>
+          <sl-radio value="3" id="user_name_3">Koichi Sasada</sl-radio>
         </sl-radio-group>
       HTML
     end
@@ -457,10 +486,10 @@ class FormHelperTest < ActionView::TestCase
 
     sl_form_for(User.new(name: 1), url: "/") do |form|
       assert_dom_equal <<~HTML, form.collection_radio_buttons(:name, users, :first, :last)
-        <sl-radio-group label="Name">
-          <sl-radio name="user[name]" value="1" id="user_name_1" checked="checked">Yuki Nishijima</sl-radio>
-          <sl-radio name="user[name]" value="2" id="user_name_2">Matz</sl-radio>
-          <sl-radio name="user[name]" value="3" id="user_name_3">Koichi Sasada</sl-radio>
+        <sl-radio-group label="Name" name="user[name]" value="1" id="user_name">
+          <sl-radio value="1" id="user_name_1">Yuki Nishijima</sl-radio>
+          <sl-radio value="2" id="user_name_2">Matz</sl-radio>
+          <sl-radio value="3" id="user_name_3">Koichi Sasada</sl-radio>
         </sl-radio-group>
       HTML
     end