233 lines
7.3 KiB
TypeScript
233 lines
7.3 KiB
TypeScript
/**
|
||
* Copyright 2017 Google Inc. All rights reserved.
|
||
* Modifications copyright (c) Microsoft Corporation.
|
||
*
|
||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
* you may not use this file except in compliance with the License.
|
||
* You may obtain a copy of the License at
|
||
*
|
||
* http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing, software
|
||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
* See the License for the specific language governing permissions and
|
||
* limitations under the License.
|
||
*/
|
||
|
||
import { test as it, expect } from './pageTest';
|
||
|
||
it('should fire', async ({ page, server, browserName, isBidi }) => {
|
||
const url = server.PREFIX + '/error.html';
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.goto(url),
|
||
]);
|
||
expect(error.name).toBe('Error');
|
||
expect(error.message).toBe('Fancy error!');
|
||
if (browserName === 'chromium' || (browserName === 'firefox' && isBidi)) {
|
||
expect(error.stack).toBe(`Error: Fancy error!
|
||
at c (myscript.js:14:11)
|
||
at b (myscript.js:10:5)
|
||
at a (myscript.js:6:5)
|
||
at myscript.js:3:1`);
|
||
} else if (browserName === 'webkit') {
|
||
expect(error.stack).toBe(`Error: Fancy error!
|
||
at c (${url}:14:36)
|
||
at b (${url}:10:6)
|
||
at a (${url}:6:6)
|
||
at global code (${url}:3:2)`);
|
||
} else if (browserName === 'firefox') {
|
||
expect(error.stack).toBe(`Error: Fancy error!
|
||
at c (myscript.js:14:11)
|
||
at b (myscript.js:10:5)
|
||
at a (myscript.js:6:5)
|
||
at (myscript.js:3:1)`);
|
||
}
|
||
});
|
||
|
||
it('should not receive console message for pageError', async ({ page, server }) => {
|
||
const messages = [];
|
||
page.on('console', e => messages.push(e));
|
||
await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.goto(server.PREFIX + '/error.html'),
|
||
]);
|
||
expect(messages.length).toBe(1);
|
||
});
|
||
|
||
it('should contain sourceURL', async ({ page, server, browserName }) => {
|
||
it.fail(browserName === 'webkit');
|
||
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.goto(server.PREFIX + '/error.html'),
|
||
]);
|
||
expect(error.stack).toContain('myscript.js');
|
||
});
|
||
|
||
it('should contain the Error.name property', async ({ page }) => {
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.evaluate(() => {
|
||
window.builtins.setTimeout(() => {
|
||
const error = new Error('my-message');
|
||
error.name = 'my-name';
|
||
throw error;
|
||
}, 0);
|
||
})
|
||
]);
|
||
expect(error.name).toBe('my-name');
|
||
expect(error.message).toBe('my-message');
|
||
});
|
||
|
||
it('should support an empty Error.name property', async ({ page }) => {
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.evaluate(() => {
|
||
window.builtins.setTimeout(() => {
|
||
const error = new Error('my-message');
|
||
error.name = '';
|
||
throw error;
|
||
}, 0);
|
||
})
|
||
]);
|
||
expect(error.name).toBe('');
|
||
expect(error.message).toBe('my-message');
|
||
});
|
||
|
||
it('should handle odd values', async ({ page }) => {
|
||
const cases = [
|
||
[null, 'null'],
|
||
[undefined, 'undefined'],
|
||
[0, '0'],
|
||
['', ''],
|
||
];
|
||
for (const [value, message] of cases) {
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.evaluate(value => {
|
||
window.builtins.setTimeout(() => { throw value; }, 0);
|
||
}, value),
|
||
]);
|
||
expect(error.message).toBe(message);
|
||
}
|
||
});
|
||
|
||
it('should handle object', async ({ page, browserName }) => {
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.evaluate(() => {
|
||
window.builtins.setTimeout(() => { throw {}; }, 0);
|
||
}),
|
||
]);
|
||
expect(error.message).toBe(browserName === 'chromium' ? 'Object' : '[object Object]');
|
||
});
|
||
|
||
it('should handle window', async ({ page, browserName }) => {
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.evaluate(() => {
|
||
window.builtins.setTimeout(() => { throw window; }, 0);
|
||
}),
|
||
]);
|
||
expect(error.message).toBe(browserName === 'chromium' ? 'Window' : '[object Window]');
|
||
});
|
||
|
||
it('should remove a listener of a non-existing event handler', async ({ page }) => {
|
||
page.removeListener('pageerror', () => {});
|
||
});
|
||
|
||
it('should emit error from unhandled rejects', async ({ page, browserName }) => {
|
||
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/14165' });
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.setContent(`
|
||
<script>
|
||
Promise.reject(new Error('sad :('));
|
||
</script>
|
||
`),
|
||
]);
|
||
expect(error.message).toContain('sad :(');
|
||
});
|
||
|
||
it('pageErrors should work', async ({ page }) => {
|
||
await page.evaluate(async () => {
|
||
for (let i = 0; i < 301; i++)
|
||
window.builtins.setTimeout(() => { throw new Error('error' + i); }, 0);
|
||
await new Promise(f => window.builtins.setTimeout(f, 2000));
|
||
});
|
||
|
||
const errors = await page.pageErrors();
|
||
const messages = errors.map(e => e.message);
|
||
|
||
const expected = [];
|
||
for (let i = 201; i < 301; i++)
|
||
expected.push('error' + i);
|
||
|
||
expect(messages.length, 'should be at least 100 errors').toBeGreaterThanOrEqual(100);
|
||
expect(messages.slice(messages.length - expected.length), 'should return last errors').toEqual(expected);
|
||
});
|
||
|
||
it('clearPageErrors should work', async ({ page }) => {
|
||
await page.evaluate(() => {
|
||
window.builtins.setTimeout(() => { throw new Error('error1'); }, 0);
|
||
window.builtins.setTimeout(() => { throw new Error('error2'); }, 0);
|
||
});
|
||
await page.waitForTimeout(1000);
|
||
|
||
let errors = await page.pageErrors();
|
||
expect(errors.map(e => e.message)).toContain('error1');
|
||
expect(errors.map(e => e.message)).toContain('error2');
|
||
|
||
await page.clearPageErrors();
|
||
|
||
errors = await page.pageErrors();
|
||
expect(errors).toEqual([]);
|
||
|
||
await page.evaluate(() => {
|
||
window.builtins.setTimeout(() => { throw new Error('error3'); }, 0);
|
||
});
|
||
await page.waitForTimeout(1000);
|
||
|
||
errors = await page.pageErrors();
|
||
expect(errors.length).toBe(1);
|
||
expect(errors[0].message).toContain('error3');
|
||
});
|
||
|
||
it('should fire illegal character error', {
|
||
annotation: { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/38388' },
|
||
}, async ({ page, server, browserName, isWindows }) => {
|
||
server.setRoute('/error.html', (req, res) => {
|
||
res.end(`
|
||
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>vite-project</title>
|
||
</head>
|
||
<body>
|
||
<div id="app"></div>
|
||
<script >
|
||
let a=10；// !!!note: ； not ;
|
||
</script>
|
||
</body>
|
||
</html>
|
||
`);
|
||
});
|
||
const url = server.PREFIX + '/error.html';
|
||
const [error] = await Promise.all([
|
||
page.waitForEvent('pageerror'),
|
||
page.goto(url),
|
||
]);
|
||
if (browserName === 'chromium')
|
||
expect(error.message).toContain('Invalid or unexpected token');
|
||
else if (browserName === 'webkit' && isWindows)
|
||
expect(error.message).toContain('No identifiers allowed directly after numeric literal');
|
||
else if (browserName === 'webkit')
|
||
expect(error.message).toContain('Invalid character');
|
||
else
|
||
expect(error.message).toContain('illegal character');
|
||
});
|