204 lines
12 KiB
TypeScript
204 lines
12 KiB
TypeScript
import { browser } from 'protractor';
|
|
import { SitePage } from './app.po';
|
|
|
|
/* tslint:disable:max-line-length */
|
|
|
|
describe('onerror handler', function() {
|
|
let page: SitePage;
|
|
|
|
beforeAll(() => {
|
|
page = new SitePage();
|
|
page.navigateTo('');
|
|
});
|
|
|
|
|
|
it('(called without an error object) should call ga with a payload based on the message, url, row and column arguments', async () => {
|
|
const message1 = await callOnError('Error: some error message', 'some-file.js', 12, 3, undefined);
|
|
expect(message1).toEqual('some error message\nsome-file.js:12:3');
|
|
const message2 = await callOnError('Error: some error message', undefined, undefined, undefined, undefined);
|
|
expect(message2).toEqual('some error message\nnull:?:?');
|
|
});
|
|
|
|
it('(called without an error object) should call ga with a payload that is no longer that 150 characters', async () => {
|
|
const message = await callOnError(
|
|
'abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz' +
|
|
'abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz',
|
|
'some-file.js', 12, 3, undefined);
|
|
expect(message).toEqual(
|
|
'abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz' +
|
|
'abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrst');
|
|
});
|
|
|
|
it('(called with a Firefox on android style error) should call ga with a payload based on the error object', async () => {
|
|
const message = await callOnError('Error: something terrible has happened. oh no. oh no.', undefined, undefined, undefined, {
|
|
stack: `AppComponent@https://example.com/app/app.component.ts:31:29
|
|
createClass@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12200:20
|
|
createDirectiveInstance@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12049:37
|
|
createViewNodes@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13487:53
|
|
createRootView@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13377:5
|
|
callWithDebugContext@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14778:39
|
|
debugCreateRootView@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14079:12
|
|
ComponentFactory_.prototype.create@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:10998:37
|
|
ComponentFactoryBoundToModule.prototype.create@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:3958:16
|
|
ApplicationRef.prototype.bootstrap@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5769:40
|
|
PlatformRef.prototype._moduleDoBootstrap/<@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5496:74
|
|
PlatformRef.prototype._moduleDoBootstrap@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5496:13
|
|
PlatformRef.prototype.bootstrapModuleFactory/</</<@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5417:21
|
|
ZoneDelegate.prototype.invoke@https://example.com/packages/zone.js@0.8.18/dist/zone.js:392:17
|
|
forkInnerZoneWithAngularBehavior/zone._inner<.onInvoke@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:4665:24
|
|
ZoneDelegate.prototype.invoke@https://example.com/packages/zone.js@0.8.18/dist/zone.js:391:17
|
|
Zone.prototype.run@https://example.com/packages/zone.js@0.8.18/dist/zone.js:142:24
|
|
scheduleResolveOrReject/<@https://example.com/packages/zone.js@0.8.18/dist/zone.js:873:52
|
|
ZoneDelegate.prototype.invokeTask@https://example.com/packages/zone.js@0.8.18/dist/zone.js:425:17
|
|
forkInnerZoneWithAngularBehavior/zone._inner<.onInvokeTask@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:4656:24
|
|
ZoneDelegate.prototype.invokeTask@https://example.com/packages/zone.js@0.8.18/dist/zone.js:424:17
|
|
Zone.prototype.runTask@https://example.com/packages/zone.js@0.8.18/dist/zone.js:192:28
|
|
drainMicroTaskQueue@https://example.com/packages/zone.js@0.8.18/dist/zone.js:602:25` });
|
|
|
|
expect(message).toEqual(`something terrible has happened. oh no. oh no.
|
|
AppComponent@app.component.ts:31:29
|
|
createClass@core.umd.js:12200:20
|
|
createDirectiveInstance@core.umd.j`);
|
|
});
|
|
|
|
it('(called with a Safari 11 style error) should call ga with a payload based on the error object', async () => {
|
|
const message = await callOnError('Error: something terrible has happened. oh no. oh no.', undefined, undefined, undefined, {
|
|
stack: `AppComponent
|
|
createClass
|
|
createDirectiveInstance
|
|
createViewNodes
|
|
createRootView
|
|
callWithDebugContext
|
|
create
|
|
bootstrap
|
|
forEach@[native code]
|
|
_moduleDoBootstrap
|
|
|
|
onInvoke
|
|
run
|
|
|
|
onInvokeTask
|
|
runTask
|
|
drainMicroTaskQueue
|
|
promiseReactionJob@[native code]` });
|
|
|
|
expect(message).toEqual(`something terrible has happened. oh no. oh no.
|
|
AppComponent
|
|
createClass
|
|
createDirectiveInstance
|
|
createViewNodes
|
|
createRootView
|
|
callWithDebugContext
|
|
cr`);
|
|
});
|
|
|
|
it('(called with a Opera 50 style error) should call ga with a payload based on the error object', async () => {
|
|
const message = await callOnError('Error: something terrible has happened. oh no. oh no.', undefined, undefined, undefined, {
|
|
stack: `Error: something terrible has happened. oh no. oh no.
|
|
at new AppComponent (https://example.com/app/app.component.ts:31:29)
|
|
at createClass (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12200:20)
|
|
at createDirectiveInstance (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12049:37)
|
|
at createViewNodes (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13487:53)
|
|
at createRootView (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13377:5)
|
|
at callWithDebugContext (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14778:42)
|
|
at Object.debugCreateRootView [as createRootView] (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14079:12)
|
|
at ComponentFactory_.create (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:10998:46)
|
|
at ComponentFactoryBoundToModule.create (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:3958:29)
|
|
at ApplicationRef.bootstrap (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5769:57)` });
|
|
|
|
expect(message).toEqual(`something terrible has happened. oh no. oh no.
|
|
new AppComponent@app.component.ts:31:29
|
|
createClass@core.umd.js:12200:20
|
|
createDirectiveInstance@core.u`);
|
|
});
|
|
|
|
it('(called with a Chrome 64 style error) should call ga with a payload based on the error object', async () => {
|
|
const message = await callOnError('Error: something terrible has happened. oh no. oh no.', undefined, undefined, undefined, {
|
|
stack: `Error: something terrible has happened. oh no. oh no.
|
|
at new AppComponent (https://example.com/app/app.component.ts:31:29)
|
|
at createClass (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12200:20)
|
|
at createDirectiveInstance (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12049:37)
|
|
at createViewNodes (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13487:53)
|
|
at createRootView (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13377:5)
|
|
at callWithDebugContext (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14778:42)
|
|
at Object.debugCreateRootView [as createRootView] (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14079:12)
|
|
at ComponentFactory_.create (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:10998:46)
|
|
at ComponentFactoryBoundToModule.create (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:3958:29)
|
|
at ApplicationRef.bootstrap (https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5769:57)` });
|
|
|
|
expect(message).toEqual(`something terrible has happened. oh no. oh no.
|
|
new AppComponent@app.component.ts:31:29
|
|
createClass@core.umd.js:12200:20
|
|
createDirectiveInstance@core.u`);
|
|
});
|
|
|
|
it('(called with a Firefox 58 style error) should call ga with a payload based on the error object', async () => {
|
|
const message = await callOnError('Error: something terrible has happened. oh no. oh no.', undefined, undefined, undefined, {
|
|
stack: `AppComponent@https://example.com/app/app.component.ts:31:29
|
|
createClass@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12200:20
|
|
createDirectiveInstance@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:12049:37
|
|
createViewNodes@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13487:53
|
|
createRootView@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:13377:5
|
|
callWithDebugContext@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14778:39
|
|
debugCreateRootView@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:14079:12
|
|
ComponentFactory_.prototype.create@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:10998:37
|
|
ComponentFactoryBoundToModule.prototype.create@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:3958:16
|
|
ApplicationRef.prototype.bootstrap@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5769:40
|
|
PlatformRef.prototype._moduleDoBootstrap/<@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5496:74
|
|
PlatformRef.prototype._moduleDoBootstrap@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5496:13
|
|
PlatformRef.prototype.bootstrapModuleFactory/</</<@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:5417:21
|
|
ZoneDelegate.prototype.invoke@https://example.com/packages/zone.js@0.8.18/dist/zone.js:392:17
|
|
onInvoke@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:4665:24
|
|
ZoneDelegate.prototype.invoke@https://example.com/packages/zone.js@0.8.18/dist/zone.js:391:17
|
|
Zone.prototype.run@https://example.com/packages/zone.js@0.8.18/dist/zone.js:142:24
|
|
scheduleResolveOrReject/<@https://example.com/packages/zone.js@0.8.18/dist/zone.js:873:52
|
|
ZoneDelegate.prototype.invokeTask@https://example.com/packages/zone.js@0.8.18/dist/zone.js:425:17
|
|
onInvokeTask@https://example.com/packages/@angular/core@5.0.0/bundles/core.umd.js:4656:24
|
|
ZoneDelegate.prototype.invokeTask@https://example.com/packages/zone.js@0.8.18/dist/zone.js:424:17
|
|
Zone.prototype.runTask@https://example.com/packages/zone.js@0.8.18/dist/zone.js:192:28
|
|
drainMicroTaskQueue@https://example.com/packages/zone.js@0.8.18/dist/zone.js:602:25` });
|
|
|
|
expect(message).toEqual(`something terrible has happened. oh no. oh no.
|
|
AppComponent@app.component.ts:31:29
|
|
createClass@core.umd.js:12200:20
|
|
createDirectiveInstance@core.umd.j`);
|
|
});
|
|
|
|
it('(called with a Edge 16 style error) should call ga with a payload based on the error object', async () => {
|
|
const message = await callOnError('Error: something terrible has happened. oh no. oh no.', undefined, undefined, undefined, {
|
|
stack: `Error: something terrible has happened. oh no. oh no.
|
|
at AppComponent (eval code:31:21)
|
|
at createClass (eval code:12200:13)
|
|
at createDirectiveInstance (eval code:12049:5)
|
|
at createViewNodes (eval code:13487:21)
|
|
at createRootView (eval code:13377:5)
|
|
at callWithDebugContext (eval code:14778:9)
|
|
at debugCreateRootView (eval code:14079:5)
|
|
at ComponentFactory_.prototype.create (eval code:10998:9)
|
|
at ComponentFactoryBoundToModule.prototype.create (eval code:3958:9)
|
|
at ApplicationRef.prototype.bootstrap (eval code:5769:9)` });
|
|
|
|
expect(message).toEqual(`something terrible has happened. oh no. oh no.
|
|
AppComponent@???:31:21
|
|
createClass@???:12200:13
|
|
createDirectiveInstance@???:12049:5
|
|
createViewNodes@???`);
|
|
});
|
|
|
|
async function callOnError(message, url, line, column, error) {
|
|
await browser.executeScript(function() {
|
|
// reset the ga queue
|
|
(window as any).ga.q.length = 0;
|
|
// post the error to the handler
|
|
window.onerror(arguments[0], arguments[1], arguments[2], arguments[3], arguments[4]);
|
|
}, message, url, line, column, error);
|
|
const gaCalls = await page.ga();
|
|
const exceptionCall = gaCalls.find(call => call[0] === 'send' && call[1] === 'exception');
|
|
if (exceptionCall) {
|
|
const payload = exceptionCall[2];
|
|
expect(payload.exFatal).toBe(true);
|
|
return payload.exDescription;
|
|
}
|
|
}
|
|
});
|