Changed Ruby to use symbol

app/assets/javascripts/protected_branches/protected_branch_access_dropdown.js

@@ -25,7 +25,7 @@
       this.isAllowedToPushDropdown = false;
       this.groups = [];
       this.accessLevel = accessLevel;
-      this.accessLevelsData = accessLevelsData.Roles;
+      this.accessLevelsData = accessLevelsData.roles;
       this.$dropdown = $dropdown;
       this.$wrap = this.$dropdown.closest(`.${this.accessLevel}-container`);
       this.usersPath = '/autocomplete/users.json';

app/controllers/projects/protected_branches_controller.rb

@@ -70,10 +70,10 @@ class Projects::ProtectedBranchesController < Projects::ApplicationController
   def access_levels_options
     {
       push_access_levels: {
-        "Roles" => ProtectedBranch::PushAccessLevel.human_access_levels.map { |id, text| { id: id, text: text, before_divider: true } },
+        roles: ProtectedBranch::PushAccessLevel.human_access_levels.map { |id, text| { id: id, text: text, before_divider: true } },
       },
       merge_access_levels: {
-        "Roles" => ProtectedBranch::MergeAccessLevel.human_access_levels.map { |id, text| { id: id, text: text, before_divider: true } },
+        roles: ProtectedBranch::MergeAccessLevel.human_access_levels.map { |id, text| { id: id, text: text, before_divider: true } },
       },
       selected_merge_access_levels: @protected_branch.merge_access_levels.map { |access_level| access_level.user_id || access_level.access_level },
       selected_push_access_levels: @protected_branch.push_access_levels.map { |access_level| access_level.user_id || access_level.access_level }

spec/features/protected_branches/access_control_ee_spec.rb

@@ -92,10 +92,13 @@ RSpec.shared_examples "protected branches > access control > EE" do
       within(".protected-branches-list") do
         find(".js-allowed-to-#{git_operation}").click
         find(".dropdown-input-field").set(users.last.name) # Find a user that is not loaded
+
         expect(page).to have_selector('.dropdown-header', count: 3)
+
         %w{Roles Groups Users}.each_with_index do |header, index|
           expect(all('.dropdown-header')[index]).to have_content(header)
         end
+
         wait_for_ajax
         click_on users.last.name
         find(".js-allowed-to-#{git_operation}").click # close