132 lines
3.8 KiB
JavaScript
132 lines
3.8 KiB
JavaScript
import { shallowMount } from '@vue/test-utils'
|
|
import { setActivePinia } from 'pinia'
|
|
import { createTestingPinia } from '@pinia/testing'
|
|
import { HttpResponse, http } from 'msw'
|
|
import ChatView from './chat_view.vue'
|
|
|
|
const message1 = {
|
|
id: '1',
|
|
chat_id: 2,
|
|
idempotency_key: '1',
|
|
created_at: new Date('2020-06-22T18:45:53.000Z'),
|
|
}
|
|
|
|
const message2 = {
|
|
id: '2',
|
|
chat_id: 2,
|
|
idempotency_key: '2',
|
|
account_id: '9vmRb29zLQReckr5ay',
|
|
created_at: new Date('2020-06-22T18:45:56.000Z'),
|
|
}
|
|
|
|
const message3 = {
|
|
id: '3',
|
|
chat_id: 2,
|
|
idempotency_key: '3',
|
|
account_id: '9vmRb29zLQReckr5ay',
|
|
created_at: new Date('2020-07-22T18:45:59.000Z'),
|
|
}
|
|
|
|
const global = {
|
|
mocks: {
|
|
$store: {
|
|
state: {
|
|
api: {},
|
|
users: {}
|
|
},
|
|
},
|
|
$route: {
|
|
params: {
|
|
recipient_id: 2,
|
|
},
|
|
},
|
|
$router: {
|
|
push: () => {}
|
|
}
|
|
},
|
|
stubs: {
|
|
FAIcon: true,
|
|
},
|
|
}
|
|
|
|
describe('ChatView methods', () => {
|
|
let component
|
|
beforeEach(() => {
|
|
setActivePinia(createTestingPinia())
|
|
component = shallowMount(ChatView, { global, props: { testMode: true } })
|
|
component.vm.chat = { id: 2 }
|
|
})
|
|
|
|
describe('addMessages', () => {
|
|
it("Doesn't add duplicates", () => {
|
|
component.vm.addMessages({ messages: [message1] })
|
|
component.vm.addMessages({ messages: [message1] })
|
|
expect(component.vm.messages.length).to.eql(1)
|
|
|
|
component.vm.addMessages({ messages: [message2] })
|
|
expect(component.vm.messages.length).to.eql(2)
|
|
})
|
|
|
|
it('Updates minId and lastMessage and newMessageCount', () => {
|
|
component.vm.addMessages({ messages: [message1] })
|
|
expect(component.vm.maxId).to.eql(message1.id)
|
|
expect(component.vm.minId).to.eql(message1.id)
|
|
expect(component.vm.newMessageCount).to.eql(1)
|
|
|
|
component.vm.addMessages({ messages: [message2] })
|
|
expect(component.vm.maxId).to.eql(message2.id)
|
|
expect(component.vm.minId).to.eql(message1.id)
|
|
expect(component.vm.newMessageCount).to.eql(2)
|
|
|
|
component.vm.readChat()
|
|
expect(component.vm.newMessageCount).to.eql(0)
|
|
expect(component.vm.lastReadMessageId).to.eql(message2.id)
|
|
|
|
// Add message with higher id
|
|
component.vm.addMessages({ messages: [message3] })
|
|
expect(component.vm.newMessageCount).to.eql(1)
|
|
})
|
|
})
|
|
|
|
describe('deleteChatMessage', () => {
|
|
it('Updates minId and lastMessage', () => {
|
|
component.vm.addMessages({ messages: [message1] })
|
|
component.vm.addMessages({ messages: [message2] })
|
|
component.vm.addMessages({ messages: [message3] })
|
|
|
|
expect(component.vm.maxId).to.eql(message3.id)
|
|
expect(component.vm.minId).to.eql(message1.id)
|
|
|
|
component.vm.deleteChatMessage({ messageId: message3.id })
|
|
expect(component.vm.maxId).to.eql(message2.id)
|
|
expect(component.vm.minId).to.eql(message1.id)
|
|
|
|
component.vm.deleteChatMessage({ messageId: message1.id })
|
|
expect(component.vm.maxId).to.eql(message2.id)
|
|
expect(component.vm.minId).to.eql(message2.id)
|
|
})
|
|
})
|
|
|
|
describe('cullOlder', () => {
|
|
it('keeps 50 newest messages and messagesIndex matches', () => {
|
|
for (let i = 100; i > 0; i--) {
|
|
// Use decimal values with toFixed to hack together constant length predictable strings
|
|
component.vm.addMessages({
|
|
messages: [
|
|
{
|
|
...message1,
|
|
id: 'a' + (i / 1000).toFixed(3),
|
|
idempotency_key: i,
|
|
},
|
|
],
|
|
})
|
|
}
|
|
component.vm.cullOlder()
|
|
expect(component.vm.messages.length).to.eql(50)
|
|
expect(component.vm.messages[0].id).to.eql('a0.051')
|
|
expect(component.vm.minId).to.eql('a0.051')
|
|
expect(component.vm.messages[49].id).to.eql('a0.100')
|
|
expect(Object.keys(component.vm.messagesIndex).length).to.eql(50)
|
|
})
|
|
})
|
|
})
|