Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(browser): ensure browser state is EXECUTING when tests start #3074

Merged
merged 3 commits into from
Jul 23, 2018
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion client/updater.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ function StatusUpdater (socket, titleElement, bannerElement, browsersElement) {
var items = []
var status
for (var i = 0; i < browsers.length; i++) {
status = browsers[i].isReady ? 'idle' : 'executing'
status = browsers[i].isConnected ? 'idle' : 'executing'
items.push('<li class="' + status + '">' + browsers[i].name + ' is ' + status + '</li>')
}
browsersElement.innerHTML = items.join('\n')
Expand Down
47 changes: 25 additions & 22 deletions lib/browser.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@ const Result = require('./browser_result')
const helper = require('./helper')
const logger = require('./logger')

// The browser is ready to execute tests.
const READY = 1
// The browser is connected but not yet been commanded to execute tests.
const CONNECTED = 1

// The browser is executing the tests.
const EXECUTING = 2
// The browser has been told to execute tests; it is configuring before tests execution.
const CONFIGURING = 2

// The browser is not executing, but temporarily disconnected (waiting for reconnecting).
const READY_DISCONNECTED = 3
// The browser is executing the tests.
const EXECUTING = 3

// The browser is executing the tests, but temporarily disconnect (waiting for reconnecting).
const EXECUTING_DISCONNECTED = 4
Expand All @@ -24,7 +24,7 @@ class Browser {
this.id = id
this.fullName = fullName
this.name = helper.browserFullNameToShort(fullName)
this.state = READY
this.state = CONNECTED
this.lastResult = new Result()
this.disconnectsCount = 0
this.activeSockets = [socket]
Expand Down Expand Up @@ -54,16 +54,16 @@ class Browser {
this.emitter.emit('browser_register', this)
}

isReady () {
return this.state === READY
isConnected () {
return this.state === CONNECTED
}

toString () {
return this.name
}

onKarmaError (error) {
if (this.isReady()) {
if (this.isConnected()) {
return
}

Expand All @@ -74,7 +74,7 @@ class Browser {
}

onInfo (info) {
if (this.isReady()) {
if (this.isConnected()) {
return
}

Expand All @@ -101,6 +101,8 @@ class Browser {
this.lastResult = new Result()
this.lastResult.total = info.total

this.state = EXECUTING

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changing this.state in client callbacks responding to events makes sense: we should to this uniformly unless there is some oddity which prevents us. Therefore please try to remove the this.state = EXECUTING in the client command execute(). The execute() command should not set the state; it should be set as you do here, in the start callback.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I agree that execute() command shouldn't set state to EXECUTING, as actually tests are not executing at that moment and before onStart(). But we should make a difference between READY state of the browser and the state which is after execute() and before onStart(). We want at least the browser's methods onKarmaError() and onInfo()during this state.

I've added additional state called CONFIGURING, which explains the actual state between execute() and onStart(). Is that OK?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes! This is better. How about one more improvement? The READY state is IMO misnamed. After this change the states are:

Browser.STATE_READY = READY
Browser.STATE_CONFIGURING = CONFIGURING
Browser.STATE_EXECUTING = EXECUTING
Browser.STATE_READY_DISCONNECTED = READY_DISCONNECTED
Browser.STATE_EXECUTING_DISCONNECTED = EXECUTING_DISCONNECTED
Browser.STATE_DISCONNECTED = DISCONNECTED

But I think the code would be clearer if the initial state was CONNECTED rather than READY:

Browser.STATE_CONNECTED = CONNECTED
Browser.STATE_CONFIGURING = CONFIGURING
Browser.STATE_EXECUTING = EXECUTING
Browser.STATE_READY_DISCONNECTED = READY_DISCONNECTED
Browser.STATE_EXECUTING_DISCONNECTED = EXECUTING_DISCONNECTED
Browser.STATE_DISCONNECTED = DISCONNECTED

That clarifies the relationship with others states like EXECUTING_DISCONNECTED and avoids ambiguity about what the browser is "ready-for".

This version of the new state would be documented eg:

// The browser is connected but not yet been commanded to execute tests.
  const CONNECTED = 1

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't have any strong opinion here about naming.
State READY_DISCONNECTED is actually never used (and sounds confusing with the new states). I'll remove it.

if (info.total === null) {
this.log.warn('Adapter did not report total number of specs.')
}
Expand All @@ -110,11 +112,11 @@ class Browser {
}

onComplete (result) {
if (this.isReady()) {
if (this.isConnected()) {
return
}

this.state = READY
this.state = CONNECTED
this.lastResult.totalTimeEnd()

if (!this.lastResult.success) {
Expand All @@ -135,9 +137,9 @@ class Browser {
return
}

if (this.state === READY) {
if (this.state === CONNECTED) {
this.disconnect()
} else if (this.state === EXECUTING) {
} else if (this.state === CONFIGURING || this.state === EXECUTING) {
this.log.debug('Disconnected during run, waiting %sms for reconnecting.', this.disconnectDelay)
this.state = EXECUTING_DISCONNECTED

Expand All @@ -156,10 +158,10 @@ class Browser {
if (this.state === EXECUTING_DISCONNECTED) {
this.state = EXECUTING
this.log.debug('Reconnected on %s.', newSocket.id)
} else if (this.state === EXECUTING || this.state === READY) {
} else if (this.state === CONNECTED || this.state === CONFIGURING || this.state === EXECUTING) {
this.log.debug('New connection %s (already have %s)', newSocket.id, this.getActiveSocketsIds())
} else if (this.state === DISCONNECTED) {
this.state = READY
this.state = CONNECTED
this.log.info('Connected on socket %s with id %s', newSocket.id, this.id)
this.collection.add(this)

Expand Down Expand Up @@ -188,7 +190,7 @@ class Browser {
}

// ignore - probably results from last run (after server disconnecting)
if (this.isReady()) {
if (this.isConnected()) {
return
}

Expand All @@ -202,14 +204,15 @@ class Browser {
return {
id: this.id,
name: this.name,
isReady: this.state === READY
isConnected: this.state === CONNECTED
}
}

execute (config) {
this.activeSockets.forEach((socket) => socket.emit('execute', config))

this.state = EXECUTING
this.state = CONFIGURING

this.refreshNoActivityTimeout()
}

Expand Down Expand Up @@ -266,9 +269,9 @@ Browser.factory = function (
return new Browser(id, fullName, collection, emitter, socket, timer, disconnectDelay, noActivityTimeout)
}

Browser.STATE_READY = READY
Browser.STATE_CONNECTED = CONNECTED
Browser.STATE_CONFIGURING = CONFIGURING
Browser.STATE_EXECUTING = EXECUTING
Browser.STATE_READY_DISCONNECTED = READY_DISCONNECTED
Browser.STATE_EXECUTING_DISCONNECTED = EXECUTING_DISCONNECTED
Browser.STATE_DISCONNECTED = DISCONNECTED

Expand Down
11 changes: 1 addition & 10 deletions lib/browser_collection.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
'use strict'

const EXECUTING = require('./browser').STATE_EXECUTING
const Result = require('./browser_result')

class BrowserCollection {
Expand Down Expand Up @@ -31,19 +30,11 @@ class BrowserCollection {
return this.browsers.find((browser) => browser.id === browserId) || null
}

setAllToExecuting () {
this.browsers.forEach((browser) => {
browser.state = EXECUTING
})

this.emitter.emit('browsers_change', this)
}

areAllReady (nonReadyList) {
nonReadyList = nonReadyList || []

this.browsers.forEach((browser) => {
if (!browser.isReady()) {
if (!browser.isConnected()) {
nonReadyList.push(browser)
}
})
Expand Down
1 change: 0 additions & 1 deletion lib/executor.js
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,6 @@ class Executor {
log.debug('Captured %s browsers', this.capturedBrowsers.length)
this.executionScheduled = false
this.capturedBrowsers.clearResults()
this.capturedBrowsers.setAllToExecuting()
this.pendingCount = this.capturedBrowsers.length
this.runningBrowsers = this.capturedBrowsers.clone()
this.emitter.emit('run_start', this.runningBrowsers)
Expand Down
2 changes: 1 addition & 1 deletion lib/reporters/base.js
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ const BaseReporter = function (formatError, reportSlow, useColors, browserConsol
msg += util.format(' (skipped %d)', results.skipped)
}

if (browser.isReady) {
if (browser.isConnected) {
if (results.disconnected) {
msg += this.FINISHED_DISCONNECTED
} else if (results.error) {
Expand Down
59 changes: 39 additions & 20 deletions test/unit/browser.spec.js
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ describe('Browser', () => {
it('should ignore if browser not executing', () => {
const spy = sinon.spy()
emitter.on('browser_error', spy)
browser.state = Browser.STATE_READY
browser.state = Browser.STATE_CONNECTED

browser.onKarmaError()
expect(browser.lastResult.error).to.equal(false)
Expand Down Expand Up @@ -122,7 +122,7 @@ describe('Browser', () => {
const spy = sinon.spy()
emitter.on('browser_dump', spy)

browser.state = Browser.STATE_READY
browser.state = Browser.STATE_CONNECTED
browser.onInfo({dump: 'something'})
browser.onInfo({total: 20})

Expand All @@ -136,8 +136,13 @@ describe('Browser', () => {
browser = new Browser('fake-id', 'full name', collection, emitter, socket)
})

it('should change state to EXECUTING', () => {
browser.state = Browser.STATE_CONNECTED
browser.onStart({total: 20})
expect(browser.state).to.equal(Browser.STATE_EXECUTING)
})

it('should set total count of specs', () => {
browser.state = Browser.STATE_EXECUTING
browser.onStart({total: 20})
expect(browser.lastResult.total).to.equal(20)
})
Expand All @@ -146,7 +151,6 @@ describe('Browser', () => {
const spy = sinon.spy()
emitter.on('browser_start', spy)

browser.state = Browser.STATE_EXECUTING
browser.onStart({total: 20})

expect(spy).to.have.been.calledWith(browser, {total: 20})
Expand All @@ -164,10 +168,10 @@ describe('Browser', () => {
Date.now.restore()
})

it('should set isReady to true', () => {
it('should set isConnected to true', () => {
browser.state = Browser.STATE_EXECUTING
browser.onComplete()
expect(browser.isReady()).to.equal(true)
expect(browser.isConnected()).to.equal(true)
})

it('should fire "browsers_change" event', () => {
Expand All @@ -184,7 +188,7 @@ describe('Browser', () => {
emitter.on('browsers_change', spy)
emitter.on('browser_complete', spy)

browser.state = Browser.STATE_READY
browser.state = Browser.STATE_CONNECTED
browser.onComplete()
expect(spy).not.to.have.been.called
})
Expand Down Expand Up @@ -237,7 +241,7 @@ describe('Browser', () => {
it('should not complete if browser not executing', () => {
const spy = sinon.spy()
emitter.on('browser_complete', spy)
browser.state = Browser.STATE_READY
browser.state = Browser.STATE_CONNECTED

browser.onDisconnect('socket.io-reason', socket)
expect(spy).not.to.have.been.called
Expand Down Expand Up @@ -286,7 +290,7 @@ describe('Browser', () => {

browser.reconnect(mkSocket())

expect(browser.isReady()).to.equal(true)
expect(browser.isConnected()).to.equal(true)
})
})

Expand Down Expand Up @@ -320,7 +324,7 @@ describe('Browser', () => {
})

it('should ignore if not running', () => {
browser.state = Browser.STATE_READY
browser.state = Browser.STATE_CONNECTED
browser.onResult(createSuccessResult())
browser.onResult(createSuccessResult())
browser.onResult(createFailedResult())
Expand Down Expand Up @@ -352,27 +356,36 @@ describe('Browser', () => {
})

describe('serialize', () => {
it('should return plain object with only name, id, isReady properties', () => {
it('should return plain object with only name, id, isConnected properties', () => {
browser = new Browser('fake-id', 'full name', collection, emitter, socket)
browser.state = Browser.STATE_READY
browser.state = Browser.STATE_CONNECTED
browser.name = 'Browser 1.0'
browser.id = '12345'

expect(browser.serialize()).to.deep.equal({id: '12345', name: 'Browser 1.0', isReady: true})
expect(browser.serialize()).to.deep.equal({id: '12345', name: 'Browser 1.0', isConnected: true})
})
})

describe('execute', () => {
it('should emit execute and change state to EXECUTING', () => {
describe('execute and start', () => {
it('should emit execute and change state to CONFIGURING', () => {
const spyExecute = sinon.spy()
const config = {}
browser = new Browser('fake-id', 'full name', collection, emitter, socket)
socket.on('execute', spyExecute)
browser.execute(config)

expect(browser.isReady()).to.equal(false)
expect(browser.state).to.equal(Browser.STATE_CONFIGURING)
expect(spyExecute).to.have.been.calledWith(config)
})

it('should emit start and change state to EXECUTING', () => {
browser = new Browser('fake-id', 'full name', collection, emitter, socket)
browser.init() // init socket listeners

expect(browser.state).to.equal(Browser.STATE_CONNECTED)
socket.emit('start', {total: 1})
expect(browser.state).to.equal(Browser.STATE_EXECUTING)
})
})

describe('scenario:', () => {
Expand All @@ -383,15 +396,15 @@ describe('Browser', () => {
browser.state = Browser.STATE_EXECUTING
socket.emit('result', {success: true, suite: [], log: []})
socket.emit('disconnect', 'socket.io reason')
expect(browser.isReady()).to.equal(false)
expect(browser.isConnected()).to.equal(false)

const newSocket = mkSocket()
browser.reconnect(newSocket)
expect(browser.isReady()).to.equal(false)
expect(browser.isConnected()).to.equal(false)

newSocket.emit('result', {success: false, suite: [], log: []})
newSocket.emit('complete')
expect(browser.isReady()).to.equal(true)
expect(browser.isConnected()).to.equal(true)
expect(browser.lastResult.success).to.equal(1)
expect(browser.lastResult.failed).to.equal(1)
})
Expand Down Expand Up @@ -419,6 +432,7 @@ describe('Browser', () => {
const timer = createMockTimer()
browser = new Browser('fake-id', 'Chrome 31.0', collection, emitter, socket, timer, 10)
browser.init()
expect(browser.state).to.equal(Browser.STATE_CONNECTED)

browser.execute()
socket.emit('start', {total: 10})
Expand All @@ -435,8 +449,9 @@ describe('Browser', () => {

// reconnect on a new socket (which triggers re-execution)
browser.reconnect(newSocket)
expect(browser.state).to.equal(Browser.STATE_EXECUTING)
expect(browser.state).to.equal(Browser.STATE_CONFIGURING)
newSocket.emit('start', {total: 11})
expect(browser.state).to.equal(Browser.STATE_EXECUTING)
socket.emit('result', {success: true, suite: [], log: []})

// expected cleared last result (should not include the results from previous run)
Expand All @@ -451,6 +466,8 @@ describe('Browser', () => {
// we need to keep the old socket, in the case that the new socket will disconnect.
browser = new Browser('fake-id', 'Chrome 31.0', collection, emitter, socket, null, 10)
browser.init()
expect(browser.state).to.equal(Browser.STATE_CONNECTED)

browser.execute()

// A second connection...
Expand All @@ -459,6 +476,8 @@ describe('Browser', () => {

// Disconnect the second connection...
browser.onDisconnect('socket.io-reason', newSocket)
expect(browser.state).to.equal(Browser.STATE_CONFIGURING)
socket.emit('start', {total: 1})
expect(browser.state).to.equal(Browser.STATE_EXECUTING)

// It should still be listening on the old socket.
Expand Down
Loading