Add WipLimit licensed check

app/assets/javascripts/boards/components/board_settings_sidebar.vue

@@ -36,6 +36,9 @@ export default {
   computed: {
     ...mapGetters(['isSidebarOpen', 'shouldUseGraphQL']),
     ...mapState(['activeId', 'sidebarType', 'boardLists']),
+    isWipLimitsOn() {
+      return this.glFeatures.wipLimits;
+    },
     activeList() {
       /*
         Warning: Though a computed property it is not reactive because we are
@@ -105,7 +108,10 @@ export default {
         :active-list="activeList"
         :board-list-type="boardListType"
       />
-      <board-settings-sidebar-wip-limit :max-issue-count="activeList.maxIssueCount" />
+      <board-settings-sidebar-wip-limit
+        v-if="isWipLimitsOn"
+        :max-issue-count="activeList.maxIssueCount"
+      />
       <div v-if="canAdminList && !activeList.preset && activeList.id" class="gl-m-4">
         <gl-button
           variant="danger"

changelogs/unreleased/ss-add-wip-limits-license-check.yml

+---
+title: Add licensed check for wip limits
+merge_request: 46387
+author:
+type: fixed

ee/spec/frontend/boards/components/board_settings_sidebar_spec.js

@@ -22,7 +22,7 @@ describe('ee/BoardSettingsSidebar', () => {
   const listId = 1;
   let mock;
 
-  const createComponent = (actions = {}) => {
+  const createComponent = (actions = {}, isWipLimitsOn = false) => {
     storeActions = actions;
 
     const store = new Vuex.Store({
@@ -34,6 +34,11 @@ describe('ee/BoardSettingsSidebar', () => {
     wrapper = shallowMount(BoardSettingsSidebar, {
       store,
       localVue,
+      provide: {
+        glFeatures: {
+          wipLimits: isWipLimitsOn,
+        },
+      },
       stubs: {
         'board-settings-sidebar-wip-limit': BoardSettingsWipLimit,
         'board-settings-list-types': BoardSettingsListTypes,
@@ -59,7 +64,7 @@ describe('ee/BoardSettingsSidebar', () => {
       list_type: 'label',
     });
 
-    createComponent();
+    createComponent({}, true);
 
     expect(wrapper.find(BoardSettingsWipLimit).exists()).toBe(true);
   });