From fdb12d7a05a9b8f513b6d0111b99d9cee461f1c6 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 30 May 2019 02:11:23 +0200
Subject: [PATCH] Add tests for adding and removing sensitive flag to a status

---
 src/api/__mocks__/reports.js              | 10 ++++-
 src/views/reports/components/Statuses.vue |  2 +-
 test/views/reports/timelineItem.test.js   | 54 ++++++++++++++++++++++-
 3 files changed, 62 insertions(+), 4 deletions(-)

diff --git a/src/api/__mocks__/reports.js b/src/api/__mocks__/reports.js
index bdcf8df9..ccb83064 100644
--- a/src/api/__mocks__/reports.js
+++ b/src/api/__mocks__/reports.js
@@ -3,7 +3,10 @@ const reports = [
   { created_at: '2019-05-20T22:45:33.000Z', account: { acct: 'alice', display_name: 'Alice Pool' }, actor: { acct: 'admin2' }, state: 'resolved', id: '1', content: 'Please block this user', statuses: [] },
   { created_at: '2019-05-18T13:01:33.000Z', account: { acct: 'nick', display_name: 'Nick Keys' }, actor: { acct: 'admin' }, state: 'closed', id: '3', content: '', statuses: [] },
   { created_at: '2019-05-21T21:35:33.000Z', account: { acct: 'benj', display_name: 'Benjamin Fame' }, actor: { acct: 'admin' }, state: 'open', id: '5', content: 'This is a report', statuses: [] },
-  { created_at: '2019-05-20T22:45:33.000Z', account: { acct: 'alice', display_name: 'Alice Pool' }, actor: { acct: 'admin2' }, state: 'resolved', id: '7', content: 'Please block this user', statuses: [] },
+  { created_at: '2019-05-20T22:45:33.000Z', account: { acct: 'alice', display_name: 'Alice Pool' }, actor: { acct: 'admin2' }, state: 'resolved', id: '7', content: 'Please block this user', statuses: [
+    { account: { display_name: 'Alice Pool', avatar: '' }, visibility: 'public', sensitive: false, id: 11, content: 'Hey!', url: '', created_at: '2019-05-10T21:35:33.000Z' },
+    { account: { display_name: 'Alice Pool', avatar: '' }, visibility: 'unlisted', sensitive: true, id: 10, content: 'Bye!', url: '', created_at: '2019-05-10T21:00:33.000Z' }
+  ] },
   { created_at: '2019-05-18T13:01:33.000Z', account: { acct: 'nick', display_name: 'Nick Keys' }, actor: { acct: 'admin' }, state: 'closed', id: '6', content: '', statuses: [] },
   { created_at: '2019-05-18T13:01:33.000Z', account: { acct: 'nick', display_name: 'Nick Keys' }, actor: { acct: 'admin' }, state: 'closed', id: '4', content: '', statuses: [] }
 ]
@@ -23,3 +26,8 @@ export async function changeState(state, id, authHost, token) {
   const report = reports.find(report => report.id === id)
   return Promise.resolve({ data: { ...report, state }})
 }
+
+export async function changeStatusScope(id, sensitive, visibility, authHost, token) {
+  const status = reports[4].statuses[0]
+  return Promise.resolve({ data: { ...status, sensitive, visibility }})
+}
diff --git a/src/views/reports/components/Statuses.vue b/src/views/reports/components/Statuses.vue
index 7834615e..3fefdfe7 100644
--- a/src/views/reports/components/Statuses.vue
+++ b/src/views/reports/components/Statuses.vue
@@ -61,7 +61,7 @@
 </template>
 
 <script>
-import * as moment from 'moment'
+import moment from 'moment'
 
 export default {
   name: 'Statuses',
diff --git a/test/views/reports/timelineItem.test.js b/test/views/reports/timelineItem.test.js
index 9acad198..a7fe1370 100644
--- a/test/views/reports/timelineItem.test.js
+++ b/test/views/reports/timelineItem.test.js
@@ -23,7 +23,7 @@ describe('Report in a timeline', () => {
     await flushPromises()
   })
 
-  it('changes report stsatus from open to resolved', async (done) => {
+  it('changes report state from open to resolved', async (done) => {
     const report = store.state.reports.fetchedReports[0]
     const wrapper = mount(TimelineItem, {
       store,
@@ -41,7 +41,7 @@ describe('Report in a timeline', () => {
     done()
   })
 
-  it('changes report stsatus from open to closed', async (done) => {
+  it('changes report state from open to closed', async (done) => {
     const report = store.state.reports.fetchedReports[3]
     const wrapper = mount(TimelineItem, {
       store,
@@ -58,4 +58,54 @@ describe('Report in a timeline', () => {
     expect(store.state.reports.fetchedReports[3].state).toBe('closed')
     done()
   })
+
+  it('shows statuses', () => {
+    const report = store.state.reports.fetchedReports[4]
+    const wrapper = mount(TimelineItem, {
+      store,
+      localVue,
+      propsData: {
+        report: report
+      }
+    })
+
+    const statuses = wrapper.findAll(`.el-card .status-card`)
+    expect(statuses.length).toEqual(2)
+  })
+
+  it('adds sensitive flag to a status', async (done) => {
+    const report = store.state.reports.fetchedReports[4]
+    const wrapper = mount(TimelineItem, {
+      store,
+      localVue,
+      propsData: {
+        report: report
+      }
+    })
+    expect(report.statuses[0].sensitive).toBe(false)
+
+    const button = wrapper.find(`.el-card .status-card li.el-dropdown-menu__item`)
+    button.trigger('click')
+    await flushPromises()
+    expect(store.state.reports.fetchedReports[4].statuses[0].sensitive).toEqual(true)
+    done()
+  })
+
+  it('removes sensitive flag to a status', async (done) => {
+    const report = store.state.reports.fetchedReports[4]
+    const wrapper = mount(TimelineItem, {
+      store,
+      localVue,
+      propsData: {
+        report: report
+      }
+    })
+    expect(report.statuses[1].sensitive).toBe(true)
+
+    const button = wrapper.find(`.status-card:nth-child(${2}) li.el-dropdown-menu__item`)
+    button.trigger('click')
+    await flushPromises()
+    expect(store.state.reports.fetchedReports[4].statuses[1].sensitive).toEqual(false)
+    done()
+  })
 })