WIP: add IE11 support

package.json

@@ -111,7 +111,6 @@
  "stop-only": "2.1.0",
  "terminal-banner": "^1.0.0",
  "typescript": "^2.3.4",
- "vagrant": "0.0.1",
  "vinyl-paths": "^2.1.0"
  },
  "author": "Brian Mann",

packages/desktop-gui/src/app/nav.scss

@@ -127,6 +127,9 @@
  .canary > i { color: #e4b721; }
  .chromium > i { color: #829ac3; }
  .electron > i { color: #777; }
+ .firefox > i { color: #ff7d08; }
+ .firefox-developer-edition > i { color: #006ad9; }
+ .firefox-nightly > i { color: #a752f7; }
 }
 
 .nav .browser-info {

packages/desktop-gui/src/lib/browser-model.js

@@ -1,8 +1,8 @@
-import _ from 'lodash'
 import { computed, observable } from 'mobx'
 
 export default class Browser {
  @observable name
+ @observable displayName
  @observable version
  @observable path
  @observable majorVersion
@@ -11,16 +11,13 @@ export default class Browser {
 
  constructor (browser) {
  this.name = browser.name
+ this.displayName = browser.displayName
  this.version = browser.version
  this.path = browser.path
  this.majorVersion = browser.majorVersion
  this.info = browser.info
  }
 
- @computed get displayName () {
- return _.capitalize(this.name)
- }
-
  @computed get icon () {
  return 'chrome'
  }

packages/desktop-gui/src/lib/utils.js

@@ -12,8 +12,12 @@ const osIconLookup = {
 
 const browserIconLookup = {
  chrome: 'chrome',
- Electron: 'chrome',
+ chromium: 'chrome',
+ canary: 'chrome',
+ electron: 'chrome',
  firefox: 'firefox',
+ firefoxDeveloperEdition: 'firefox',
+ firefoxNightly: 'firefox',
  safari: 'safari',
 }
 

packages/desktop-gui/src/project-nav/browsers.jsx

@@ -1,9 +1,11 @@
+import _ from 'lodash'
 import React, { Component } from 'react'
 import { observer } from 'mobx-react'
 import Tooltip from '@cypress/react-tooltip'
 import Dropdown from '../dropdown/dropdown'
 
 import projectsApi from '../projects/projects-api'
+import utils from '../lib/utils'
 
 @observer
 export default class Browsers extends Component {
@@ -63,12 +65,12 @@ export default class Browsers extends Component {
  icon = 'check-circle-o green'
  prefixText = 'Running'
  } else {
- icon = browser.icon
+ icon = utils.browserIcon(browser.name)
  prefixText = ''
  }
 
  return (
- <span className={browser.name}>
+ <span className={_.kebabCase(browser.name)}>
  <i className={`fa fa-${icon}`}></i>{' '}
  {prefixText}{' '}
  {browser.displayName}{' '}

packages/driver/package.json

@@ -5,9 +5,9 @@
  "main": "index.js",
  "browser": "src/main",
  "scripts": {
- "start": "../coffee/node_modules/.bin/coffee test/support/server.coffee",
- "cypress:open": "node ../../scripts/cypress open --project ./test",
- "cypress:run": "node ../../scripts/cypress run --project ./test",
+ "start": "coffee test/support/server.coffee",
+ "cypress:open": "node ../../cli/bin/cypress open --dev --project ./test",
+ "cypress:run": "node ../../scripts/run-cypress-tests.js --dir test",
  "clean-deps": "rm -rf node_modules"
  },
  "files": [

packages/driver/src/cy/chai.coffee

@@ -116,6 +116,7 @@ chai.use (chai, u) ->
  assert._obj = $dom.stringify(obj, "short")
 
  msg = getMessage.call(@, assert, args)
+ # msg = 'foobarbaz'
 
  ## restore the real obj if we changed it
  if obj isnt assert._obj

packages/driver/src/cy/errors.coffee

@@ -28,6 +28,7 @@ create = (state, config, log) ->
 
  createUncaughtException = (type, args) ->
  [msg, source, lineno, colno, err] = args
+ debugger
 
  current = state("current")