[ci skip] Adds tests for placeholder system note

2 files changed, 68 insertions, 0 deletions

diff --git a/spec/javascripts/notes/components/issue_placeholder_note_spec.js b/spec/javascripts/notes/components/issue_placeholder_note_spec.js
new file mode 100644
index 00000000000..f4d8e01bfe6
--- /dev/null
+++ b/spec/javascripts/notes/components/issue_placeholder_note_spec.js
@@ -0,0 +1,43 @@
+import Vue from 'vue';
+import placeholderNote from '~/notes/components/issue_placeholder_note.vue';
+
+describe('issue placeholder system note component', () => {
+  let mountComponent;
+  beforeEach(() => {
+    const PlaceholderNote = Vue.extend(placeholderNote);
+
+    mountComponent = props => new PlaceholderNote({
+      propsData: {
+        note: props,
+      },
+    }).$mount();
+  });
+
+  describe('user information', () => {
+    it('should render user avatar with link', () => {
+
+    });
+  });
+
+  describe('note content', () => {
+    it('should render note header information', () => {
+
+    });
+
+    it('should render note body', () => {
+
+    });
+
+    it('should render system note placeholder with markdown', () => {
+
+    });
+
+    it('should render emojis', () => {
+
+    });
+
+    it('should render slash commands', () => {
+
+    });
+  });
+});
diff --git a/spec/javascripts/notes/components/issue_placeholder_system_note_spec.js b/spec/javascripts/notes/components/issue_placeholder_system_note_spec.js
new file mode 100644
index 00000000000..fd28b33d60b
--- /dev/null
+++ b/spec/javascripts/notes/components/issue_placeholder_system_note_spec.js
@@ -0,0 +1,25 @@
+import Vue from 'vue';
+import placeholderSystemNote from '~/notes/components/issue_placeholder_system_note.vue';
+
+describe('issue placeholder system note component', () => {
+  let mountComponent;
+  beforeEach(() => {
+    const PlaceholderSystemNote = Vue.extend(placeholderSystemNote);
+
+    mountComponent = props => new PlaceholderSystemNote({
+      propsData: {
+        note: {
+          body: props,
+        },
+      },
+    }).$mount();
+  });
+
+  it('should render system note placeholder with plain text', () => {
+    const vm = mountComponent('This is a placeholder');
+
+    expect(vm.$el.tagName).toEqua('LI');
+
+    expect(vm.$el.querySelector('.timeline-content i').textContent.trim()).toEqua('This is a placeholder');
+  });
+});