1 files changed, 24 insertions, 11 deletions

diff --git a/spec/frontend/frequent_items/components/frequent_items_list_spec.js b/spec/frontend/frequent_items/components/frequent_items_list_spec.js
index 9f08a432a3d..d024925f62b 100644
--- a/spec/frontend/frequent_items/components/frequent_items_list_spec.js
+++ b/spec/frontend/frequent_items/components/frequent_items_list_spec.js
@@ -18,6 +18,7 @@ describe('FrequentItemsListComponent', () => {
         namespace: 'projects',
         items: mockFrequentProjects,
         isFetchFailed: false,
+        isItemRemovalFailed: false,
         hasSearchQuery: false,
         matcher: 'lab',
         ...props,
@@ -51,22 +52,34 @@ describe('FrequentItemsListComponent', () => {
     });
 
     describe('fetched item messages', () => {
-      it('should return appropriate empty list message based on value of `localStorageFailed` prop with projects', async () => {
+      it('should show default empty list message', async () => {
         createComponent({
-          isFetchFailed: true,
+          items: [],
         });
 
-        expect(wrapper.vm.listEmptyMessage).toBe(
-          'This feature requires browser localStorage support',
+        expect(wrapper.findByTestId('frequent-items-list-empty').text()).toContain(
+          'Projects you visit often will appear here',
         );
-
-        wrapper.setProps({
-          isFetchFailed: false,
-        });
-        await nextTick();
-
-        expect(wrapper.vm.listEmptyMessage).toBe('Projects you visit often will appear here');
       });
+
+      it.each`
+        isFetchFailed | isItemRemovalFailed
+        ${true}       | ${false}
+        ${false}      | ${true}
+      `(
+        'should show failure message when `isFetchFailed` is $isFetchFailed or `isItemRemovalFailed` is $isItemRemovalFailed',
+        ({ isFetchFailed, isItemRemovalFailed }) => {
+          createComponent({
+            items: [],
+            isFetchFailed,
+            isItemRemovalFailed,
+          });
+
+          expect(wrapper.findByTestId('frequent-items-list-empty').text()).toContain(
+            'This feature requires browser localStorage support',
+          );
+        },
+      );
     });
 
     describe('searched item messages', () => {