Merge branch '228999-aqualls-config-toggle' into 'master'

Replace board-scope tooltip on config_toggle.js

See merge request gitlab-org/gitlab!45449

ee/app/assets/javascripts/boards/config_toggle.js

 import Vue from 'vue';
-import tooltip from '~/vue_shared/directives/tooltip';
+import { GlTooltipDirective } from '@gitlab/ui';
 import { s__, __ } from '~/locale';
 
 export default boardsStore => {
@@ -9,7 +9,7 @@ export default boardsStore => {
     gl.boardConfigToggle = new Vue({
       el: configEl,
       directives: {
-        tooltip,
+        GlTooltip: GlTooltipDirective,
       },
       data() {
         return {
@@ -32,7 +32,7 @@ export default boardsStore => {
       template: `
         <div class="gl-ml-3">
           <button
-            v-tooltip
+            v-gl-tooltip
             :title="tooltipTitle"
             class="btn btn-inverted"
             :class="{ 'dot-highlight': hasScope }"

ee/spec/features/boards/scoped_issue_board_spec.rb

@@ -472,14 +472,14 @@ RSpec.describe 'Scoped issue boards', :js do
     button = first('.filter-dropdown-container .btn.btn-inverted')
     expect(button.text).to include(button_title)
     expect(button[:class]).to include('dot-highlight')
-    expect(button['data-original-title']).to include('This board\'s scope is reduced')
+    expect(button['title']).to include('This board\'s scope is reduced')
   end
 
   def expect_no_dot_highlight(button_title)
     button = first('.filter-dropdown-container .btn.btn-inverted')
     expect(button.text).to include(button_title)
     expect(button[:class]).not_to include('dot-highlight')
-    expect(button['data-original-title']).not_to include('This board\'s scope is reduced')
+    expect(button['title']).not_to include('This board\'s scope is reduced')
   end
 
   # Create board helper methods