Resolve "Add GlToggle label in...

Resolve "Add GlToggle label in `app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue`"

app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue

@@ -122,6 +122,8 @@ export default {
       :value="subscribed"
       class="hide-collapsed"
       data-testid="subscription-toggle"
+      :label="__('Notifications')"
+      label-position="hidden"
       @change="toggleSubscription"
     />
   </div>

changelogs/unreleased/300435-add-label.yml

+---
+title: Add GlToggle label in sidebar subscription toggle
+merge_request: 54548
+author: Yogi (@yo)
+type: changed

spec/frontend/sidebar/subscriptions_spec.js

@@ -84,6 +84,15 @@ describe('Subscriptions', () => {
     spy.mockRestore();
   });
 
+  it('has visually hidden label', () => {
+    wrapper = mountComponent();
+
+    expect(findToggleButton().props()).toMatchObject({
+      label: 'Notifications',
+      labelPosition: 'hidden',
+    });
+  });
+
   describe('given project emails are disabled', () => {
     const subscribeDisabledDescription = 'Notifications have been disabled';