1 files changed, 40 insertions, 0 deletions
diff --git a/spec/frontend/members/components/table/member_activity_spec.js b/spec/frontend/members/components/table/member_activity_spec.js
new file mode 100644
index 00000000000..a372b40fd1f
--- /dev/null
+++ b/spec/frontend/members/components/table/member_activity_spec.js
@@ -0,0 +1,40 @@
+import { mountExtended } from 'helpers/vue_test_utils_helper';
+import MemberActivity from '~/members/components/table/member_activity.vue';
+import { member as memberMock, group as groupLinkMock } from '../../mock_data';
+
+describe('MemberActivity', () => {
+  let wrapper;
+
+  const defaultPropsData = {
+    member: memberMock,
+  };
+
+  const createComponent = ({ propsData = {} } = {}) => {
+    wrapper = mountExtended(MemberActivity, {
+      propsData: {
+        ...defaultPropsData,
+        ...propsData,
+      },
+    });
+  };
+
+  describe('with a member that has all fields', () => {
+    beforeEach(() => {
+      createComponent();
+    });
+
+    it('renders `User created`, `Access granted`, and `Last activity` fields', () => {
+      expect(wrapper.element).toMatchSnapshot();
+    });
+  });
+
+  describe('with a member that does not have all of the fields', () => {
+    beforeEach(() => {
+      createComponent({ propsData: { member: groupLinkMock } });
+    });
+
+    it('renders `User created` field', () => {
+      expect(wrapper.element).toMatchSnapshot();
+    });
+  });
+});