Merge branch 'jlouw-display-rule-all-branches-as-monospace' into 'master'

Fix rule all branches not using monospace font

See merge request gitlab-org/gitlab!70943

ee/app/assets/javascripts/approvals/components/rule_branches.vue

@@ -15,7 +15,7 @@ export default {
       return protectedBranch?.name || __('All branches');
     },
     isAllBranches() {
-      return this.rule.protectedBranches?.length;
+      return !this.rule.protectedBranches?.length;
     },
   },
 };

ee/spec/frontend/approvals/components/rule_branches_spec.js

@@ -22,9 +22,12 @@ describe('Rule Branches', () => {
     wrapper = null;
   });
 
+  const findBranch = () => wrapper.find('div');
+
   it('displays "All branches" if there are no protected branches', () => {
     createComponent();
-    expect(wrapper.text()).toContain('All branches');
+    expect(findBranch().text()).toContain('All branches');
+    expect(findBranch().classes('monospace')).toBe(true);
   });
 
   it('displays the branch name of the first protected branch', () => {
@@ -45,7 +48,8 @@ describe('Rule Branches', () => {
       rule,
     });
 
-    expect(wrapper.text()).toContain('main');
-    expect(wrapper.text()).not.toContain('hello');
+    expect(findBranch().text()).toContain('main');
+    expect(findBranch().text()).not.toContain('hello');
+    expect(findBranch().classes('monospace')).toBe(false);
   });
 });