1 files changed, 42 insertions, 0 deletions
diff --git a/spec/frontend/batch_comments/components/review_bar_spec.js b/spec/frontend/batch_comments/components/review_bar_spec.js
new file mode 100644
index 00000000000..f50db6ab210
--- /dev/null
+++ b/spec/frontend/batch_comments/components/review_bar_spec.js
@@ -0,0 +1,42 @@
+import { shallowMount } from '@vue/test-utils';
+import ReviewBar from '~/batch_comments/components/review_bar.vue';
+import { REVIEW_BAR_VISIBLE_CLASS_NAME } from '~/batch_comments/constants';
+import createStore from '../create_batch_comments_store';
+
+describe('Batch comments review bar component', () => {
+  let store;
+  let wrapper;
+
+  const createComponent = (propsData = {}) => {
+    store = createStore();
+
+    wrapper = shallowMount(ReviewBar, {
+      store,
+      propsData,
+    });
+  };
+
+  beforeEach(() => {
+    document.body.className = '';
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  it('it adds review-bar-visible class to body when review bar is mounted', async () => {
+    expect(document.body.classList.contains(REVIEW_BAR_VISIBLE_CLASS_NAME)).toBe(false);
+
+    createComponent();
+
+    expect(document.body.classList.contains(REVIEW_BAR_VISIBLE_CLASS_NAME)).toBe(true);
+  });
+
+  it('it removes review-bar-visible class to body when review bar is destroyed', async () => {
+    createComponent();
+
+    wrapper.destroy();
+
+    expect(document.body.classList.contains(REVIEW_BAR_VISIBLE_CLASS_NAME)).toBe(false);
+  });
+});