1 files changed, 51 insertions, 0 deletions
diff --git a/spec/frontend/add_context_commits_modal/components/review_tab_container_spec.js b/spec/frontend/add_context_commits_modal/components/review_tab_container_spec.js
new file mode 100644
index 00000000000..4e65713a680
--- /dev/null
+++ b/spec/frontend/add_context_commits_modal/components/review_tab_container_spec.js
@@ -0,0 +1,51 @@
+import { shallowMount } from '@vue/test-utils';
+import { GlLoadingIcon } from '@gitlab/ui';
+import ReviewTabContainer from '~/add_context_commits_modal/components/review_tab_container.vue';
+import CommitItem from '~/diffs/components/commit_item.vue';
+import getDiffWithCommit from '../../diffs/mock_data/diff_with_commit';
+
+describe('ReviewTabContainer', () => {
+  let wrapper;
+  const { commit } = getDiffWithCommit();
+
+  const createWrapper = (props = {}) => {
+    wrapper = shallowMount(ReviewTabContainer, {
+      propsData: {
+        tab: 'commits',
+        isLoading: false,
+        loadingError: false,
+        loadingFailedText: 'Failed to load commits',
+        commits: [],
+        selectedRow: [],
+        ...props,
+      },
+    });
+  };
+
+  beforeEach(() => {
+    createWrapper();
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  it('shows loading icon when commits are being loaded', () => {
+    createWrapper({ isLoading: true });
+    expect(wrapper.find(GlLoadingIcon).exists()).toBe(true);
+  });
+
+  it('shows loading error text when API call fails', () => {
+    createWrapper({ loadingError: true });
+    expect(wrapper.text()).toContain('Failed to load commits');
+  });
+
+  it('shows "No commits present here" when commits are not present', () => {
+    expect(wrapper.text()).toContain('No commits present here');
+  });
+
+  it('renders all passed commits as list', () => {
+    createWrapper({ commits: [commit] });
+    expect(wrapper.findAll(CommitItem).length).toBe(1);
+  });
+});