Protractor multiCapabilities on single browser - protractor

Question

I am trying to write a single Protractor config file to test a website on desktop/laptop, Android, and iPhone cases.
The following works:
capabilities: {
browserName: 'chrome',
chromeOptions: {
args: process.env.JHI_E2E_HEADLESS
? ['--headless', '--disable-gpu', '--window-size=800,600']
: ['--disable-gpu', '--window-size=800,600'],
},
},
The following also works:
capabilities: {
browserName: 'chrome',
chromeOptions: {
args: process.env.JHI_E2E_HEADLESS
? ['--headless', '--disable-gpu', '--window-size=800,600']
: ['--disable-gpu', '--window-size=800,600'],
mobileEmulation: {
deviceName: 'iPhone 6/7/8 Plus'
},
},
},
However, the following fails with the error
[chrome #01] [16:06:44] I/direct - Using ChromeDriver directly...
[chrome #01] [16:06:45] I/runnerCli - Unexpected token {
multiCapabilities: [
{
name: 'ChromeDesktop',
browserName: 'chrome',
chromeOptions: {
args: process.env.JHI_E2E_HEADLESS
? ['--headless', '--disable-gpu', '--window-size=800,600']
: ['--disable-gpu', '--window-size=800,600'],
},
},
{
name: 'ChromeAndroid',
browserName: 'chrome',
chromeOptions: {
args: process.env.JHI_E2E_HEADLESS
? ['--headless', '--disable-gpu', '--window-size=360,640']
: ['--disable-gpu', '--window-size=360,640'],
mobileEmulation: {
deviceName: 'Galaxy S5'
},
},
},
],
Can anyone kindly explain what I am doing wrong?

Answer 1

Adding below in protractor conf should work -
onPrepare: function () { require('ts-node').register({ project: 'e2e' }); }
Link To Related GitHub Issue with Accepted Solution -> It has the details why onPrepare should be used instead of default beforeLaunch for enabling multiple capabilities for browsers.