Fixed lint testing

This commit is contained in:
Michael H. Arieli 2018-11-23 17:41:39 -08:00
parent 0d8d3fbb33
commit 721e993dc2
6 changed files with 40 additions and 27 deletions

View File

@ -42,7 +42,7 @@ class SocketHandler {
.filter(id => !newUsersMap[id])
.forEach(id => peers[id].destroy())
}
handleMessages = ({ messages }) => {
handleMessages = (messages) => {
const { dispatch } = this
debug('socket messages: %o', messages)
dispatch(ChatActions.loadHistory(messages))

View File

@ -12,7 +12,7 @@ export default class Chat extends React.PureComponent {
static propTypes = {
messages: PropTypes.arrayOf(MessagePropTypes).isRequired
}
hideChat = e => {
handleCloseChat = e => {
document.getElementById('chat').classList.remove('show')
document.querySelector('.toolbar .chat').classList.remove('on')
}
@ -21,7 +21,7 @@ export default class Chat extends React.PureComponent {
return (
<div>
<div className="chat-header">
<div className="chat-close" onClick={this.hideChat}>
<div className="chat-close" onClick={this.handleCloseChat}>
<div className="button button-icon">
<span className="material-icons">arrow_back</span>
</div>
@ -32,13 +32,19 @@ export default class Chat extends React.PureComponent {
{messages.length ? (
messages.map((message, i) => (
<div className={message.userId === socket.id ? 'chat-bubble alt' : 'chat-bubble'} key={i}>
<div key={i}
className={
message.userId === socket.id
? 'chat-bubble alt'
: 'chat-bubble'
}
>
<div className="txt">
<p className="name">{message.userId}</p>
<p className="message">{message.message}</p>
<span className="timestamp">{message.timestamp}</span>
</div>
<div className="arrow"></div>
<div className="arrow" />
</div>
))
) : (

View File

@ -36,8 +36,8 @@ export default class Input extends React.PureComponent {
notify('You: ' + message)
sendMessage(message)
const userId = socket.id;
const timestamp = moment().format('ddd, D MMM HH:mm a');
const userId = socket.id
const timestamp = moment().format('ddd, D MMM HH:mm a')
const payload = { userId, message, timestamp }
socket.emit('new_message', payload)
}

View File

@ -10,7 +10,7 @@ export default function messages (state = defaultState, action) {
messages.push(action.payload)
return Immutable(messages)
case constants.MESSAGES_HISTORY:
return Immutable(action.messages);
return Immutable(action.messages)
default:
return state
}

View File

@ -83,19 +83,22 @@ describe('server/socket', () => {
it('should emit users', () => {
socket.emit('ready', 'room3')
expect(io.to.mock.calls).toEqual([[ 'room3' ]])
expect(io.to('room3').emit.mock.calls).toEqual([[
'users', {
initiator: 'socket0',
users: [{
id: 'socket0'
}, {
id: 'socket1'
}, {
id: 'socket2'
}]
}
]])
expect(io.to.mock.calls).toEqual([[ 'room3' ], [ 'room3' ]])
expect(io.to('room3').emit.mock.calls).toEqual([
[
'users', {
initiator: 'socket0',
users: [{
id: 'socket0'
}, {
id: 'socket1'
}, {
id: 'socket2'
}]
}
],
['messages', []]
])
})
})
})

View File

@ -2,11 +2,11 @@
const debug = require('debug')('peer-calls:socket')
const _ = require('underscore')
const messages = {};
const messages = {}
module.exports = function (socket, io) {
socket.on('signal', payload => {
// debug('signal: %s, payload: %o', socket.id, payload);
// debug('signal: %s, payload: %o', socket.id, payload)
io.to(payload.userId).emit('signal', {
userId: socket.id,
signal: payload.signal
@ -14,7 +14,7 @@ module.exports = function (socket, io) {
})
socket.on('new_message', payload => {
addMesssage(socket.room, payload);
addMesssage(socket.room, payload)
io.to(socket.room).emit('new_message', payload)
})
@ -27,12 +27,16 @@ module.exports = function (socket, io) {
let users = getUsers(roomName)
let messages = getMesssages(roomName)
debug('ready: %s, room: %s, users: %o, messages: %o', socket.id, roomName, users, messages)
debug('ready: %s, room: %s, users: %o, messages: %o',
socket.id, roomName, users, messages)
io.to(roomName).emit('users', {
initiator: socket.id,
users
})
io.to(roomName).emit('messages', { messages })
io.to(roomName).emit('messages', messages)
})
function getUsers (roomName) {
@ -43,7 +47,7 @@ module.exports = function (socket, io) {
function getMesssages (roomName) {
if (_.isUndefined(messages[roomName])) {
messages[roomName] = [];
messages[roomName] = []
}
return messages[roomName]
}