test: remove usage of 'remote' module from webview spec (#20048)
This commit is contained in:
parent
cad73732c0
commit
96c3fec855
11 changed files with 567 additions and 508 deletions
548
spec-main/webview-spec.ts
Normal file
548
spec-main/webview-spec.ts
Normal file
|
@ -0,0 +1,548 @@
|
||||||
|
import * as path from 'path'
|
||||||
|
import { BrowserWindow, session, ipcMain, app, WebContents } from 'electron'
|
||||||
|
import { closeAllWindows } from './window-helpers'
|
||||||
|
import { emittedOnce } from './events-helpers'
|
||||||
|
import { expect } from 'chai'
|
||||||
|
|
||||||
|
async function loadWebView(w: WebContents, attributes: Record<string, string>): Promise<void> {
|
||||||
|
await w.executeJavaScript(`
|
||||||
|
new Promise((resolve, reject) => {
|
||||||
|
const webview = new WebView()
|
||||||
|
for (const [k, v] of Object.entries(${JSON.stringify(attributes)})) {
|
||||||
|
webview.setAttribute(k, v)
|
||||||
|
}
|
||||||
|
document.body.appendChild(webview)
|
||||||
|
webview.addEventListener('did-finish-load', () => {
|
||||||
|
resolve()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
`)
|
||||||
|
}
|
||||||
|
|
||||||
|
describe('<webview> tag', function () {
|
||||||
|
const fixtures = path.join(__dirname, '..', 'spec', 'fixtures')
|
||||||
|
|
||||||
|
afterEach(closeAllWindows)
|
||||||
|
|
||||||
|
it('works without script tag in page', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-no-script.html'))
|
||||||
|
await emittedOnce(ipcMain, 'pong')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('works with sandbox', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true,
|
||||||
|
sandbox: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-isolated.html'))
|
||||||
|
await emittedOnce(ipcMain, 'pong')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('works with contextIsolation', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true,
|
||||||
|
contextIsolation: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-isolated.html'))
|
||||||
|
await emittedOnce(ipcMain, 'pong')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('works with contextIsolation + sandbox', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true,
|
||||||
|
contextIsolation: true,
|
||||||
|
sandbox: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-isolated.html'))
|
||||||
|
await emittedOnce(ipcMain, 'pong')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('is disabled by default', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
preload: path.join(fixtures, 'module', 'preload-webview.js'),
|
||||||
|
nodeIntegration: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const webview = emittedOnce(ipcMain, 'webview')
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-no-script.html'))
|
||||||
|
const [, type] = await webview
|
||||||
|
|
||||||
|
expect(type).to.equal('undefined', 'WebView still exists')
|
||||||
|
})
|
||||||
|
|
||||||
|
// FIXME(deepak1556): Ch69 follow up.
|
||||||
|
xdescribe('document.visibilityState/hidden', () => {
|
||||||
|
afterEach(() => {
|
||||||
|
ipcMain.removeAllListeners('pong')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('updates when the window is shown after the ready-to-show event', async () => {
|
||||||
|
const w = new BrowserWindow({ show: false })
|
||||||
|
const readyToShowSignal = emittedOnce(w, 'ready-to-show')
|
||||||
|
const pongSignal1 = emittedOnce(ipcMain, 'pong')
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-visibilitychange.html'))
|
||||||
|
await pongSignal1
|
||||||
|
const pongSignal2 = emittedOnce(ipcMain, 'pong')
|
||||||
|
await readyToShowSignal
|
||||||
|
w.show()
|
||||||
|
|
||||||
|
const [, visibilityState, hidden] = await pongSignal2
|
||||||
|
expect(visibilityState).to.equal('visible')
|
||||||
|
expect(hidden).to.be.false()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('inherits the parent window visibility state and receives visibilitychange events', async () => {
|
||||||
|
const w = new BrowserWindow({ show: false })
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-visibilitychange.html'))
|
||||||
|
const [, visibilityState, hidden] = await emittedOnce(ipcMain, 'pong')
|
||||||
|
expect(visibilityState).to.equal('hidden')
|
||||||
|
expect(hidden).to.be.true()
|
||||||
|
|
||||||
|
// We have to start waiting for the event
|
||||||
|
// before we ask the webContents to resize.
|
||||||
|
const getResponse = emittedOnce(ipcMain, 'pong')
|
||||||
|
w.webContents.emit('-window-visibility-change', 'visible')
|
||||||
|
|
||||||
|
return getResponse.then(([, visibilityState, hidden]) => {
|
||||||
|
expect(visibilityState).to.equal('visible')
|
||||||
|
expect(hidden).to.be.false()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('did-attach-webview event', () => {
|
||||||
|
it('is emitted when a webview has been attached', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const didAttachWebview = emittedOnce(w.webContents, 'did-attach-webview')
|
||||||
|
const webviewDomReady = emittedOnce(ipcMain, 'webview-dom-ready')
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-did-attach-event.html'))
|
||||||
|
|
||||||
|
const [, webContents] = await didAttachWebview
|
||||||
|
const [, id] = await webviewDomReady
|
||||||
|
expect(webContents.id).to.equal(id)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
it('loads devtools extensions registered on the parent window', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
BrowserWindow.removeDevToolsExtension('foo')
|
||||||
|
|
||||||
|
const extensionPath = path.join(fixtures, 'devtools-extensions', 'foo')
|
||||||
|
BrowserWindow.addDevToolsExtension(extensionPath)
|
||||||
|
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-devtools.html'))
|
||||||
|
|
||||||
|
const [, { runtimeId, tabId }] = await emittedOnce(ipcMain, 'answer')
|
||||||
|
expect(runtimeId).to.equal('foo')
|
||||||
|
expect(tabId).to.be.not.equal(w.webContents.id)
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('zoom behavior', () => {
|
||||||
|
const zoomScheme = standardScheme
|
||||||
|
const webviewSession = session.fromPartition('webview-temp')
|
||||||
|
|
||||||
|
before((done) => {
|
||||||
|
const protocol = webviewSession.protocol
|
||||||
|
protocol.registerStringProtocol(zoomScheme, (request, callback) => {
|
||||||
|
callback('hello')
|
||||||
|
}, (error) => done(error))
|
||||||
|
})
|
||||||
|
|
||||||
|
after((done) => {
|
||||||
|
const protocol = webviewSession.protocol
|
||||||
|
protocol.unregisterProtocol(zoomScheme, (error) => done(error))
|
||||||
|
})
|
||||||
|
|
||||||
|
it('inherits the zoomFactor of the parent window', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true,
|
||||||
|
zoomFactor: 1.2
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const zoomEventPromise = emittedOnce(ipcMain, 'webview-parent-zoom-level')
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-zoom-factor.html'))
|
||||||
|
|
||||||
|
const [, zoomFactor, zoomLevel] = await zoomEventPromise
|
||||||
|
expect(zoomFactor).to.equal(1.2)
|
||||||
|
expect(zoomLevel).to.equal(1)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('maintains zoom level on navigation', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true,
|
||||||
|
zoomFactor: 1.2
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const promise = new Promise((resolve) => {
|
||||||
|
ipcMain.on('webview-zoom-level', (event, zoomLevel, zoomFactor, newHost, final) => {
|
||||||
|
if (!newHost) {
|
||||||
|
expect(zoomFactor).to.equal(1.44)
|
||||||
|
expect(zoomLevel).to.equal(2.0)
|
||||||
|
} else {
|
||||||
|
expect(zoomFactor).to.equal(1.2)
|
||||||
|
expect(zoomLevel).to.equal(1)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (final) {
|
||||||
|
resolve()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-custom-zoom-level.html'))
|
||||||
|
|
||||||
|
await promise
|
||||||
|
})
|
||||||
|
|
||||||
|
it('maintains zoom level when navigating within same page', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true,
|
||||||
|
zoomFactor: 1.2
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const promise = new Promise((resolve) => {
|
||||||
|
ipcMain.on('webview-zoom-in-page', (event, zoomLevel, zoomFactor, final) => {
|
||||||
|
expect(zoomFactor).to.equal(1.44)
|
||||||
|
expect(zoomLevel).to.equal(2.0)
|
||||||
|
|
||||||
|
if (final) {
|
||||||
|
resolve()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-in-page-navigate.html'))
|
||||||
|
|
||||||
|
await promise
|
||||||
|
})
|
||||||
|
|
||||||
|
it('inherits zoom level for the origin when available', async () => {
|
||||||
|
const w = new BrowserWindow({
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webviewTag: true,
|
||||||
|
nodeIntegration: true,
|
||||||
|
zoomFactor: 1.2
|
||||||
|
}
|
||||||
|
})
|
||||||
|
w.loadFile(path.join(fixtures, 'pages', 'webview-origin-zoom-level.html'))
|
||||||
|
|
||||||
|
const [, zoomLevel] = await emittedOnce(ipcMain, 'webview-origin-zoom-level')
|
||||||
|
expect(zoomLevel).to.equal(2.0)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('nativeWindowOpen option', () => {
|
||||||
|
let w: BrowserWindow
|
||||||
|
beforeEach(async () => {
|
||||||
|
w = new BrowserWindow({ show: false, webPreferences: { nodeIntegration: true, webviewTag: true } })
|
||||||
|
await w.loadURL('about:blank')
|
||||||
|
})
|
||||||
|
afterEach(closeAllWindows)
|
||||||
|
|
||||||
|
it('opens window of about:blank with cross-scripting enabled', async () => {
|
||||||
|
// Don't wait for loading to finish.
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
allowpopups: 'on',
|
||||||
|
nodeintegration: 'on',
|
||||||
|
webpreferences: 'nativeWindowOpen=1',
|
||||||
|
src: `file://${path.join(fixtures, 'api', 'native-window-open-blank.html')}`
|
||||||
|
})
|
||||||
|
|
||||||
|
const [, content] = await emittedOnce(ipcMain, 'answer')
|
||||||
|
expect(content).to.equal('Hello')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('opens window of same domain with cross-scripting enabled', async () => {
|
||||||
|
// Don't wait for loading to finish.
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
allowpopups: 'on',
|
||||||
|
nodeintegration: 'on',
|
||||||
|
webpreferences: 'nativeWindowOpen=1',
|
||||||
|
src: `file://${path.join(fixtures, 'api', 'native-window-open-file.html')}`
|
||||||
|
})
|
||||||
|
|
||||||
|
const [, content] = await emittedOnce(ipcMain, 'answer')
|
||||||
|
expect(content).to.equal('Hello')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('returns null from window.open when allowpopups is not set', async () => {
|
||||||
|
// Don't wait for loading to finish.
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
nodeintegration: 'on',
|
||||||
|
webpreferences: 'nativeWindowOpen=1',
|
||||||
|
src: `file://${path.join(fixtures, 'api', 'native-window-open-no-allowpopups.html')}`
|
||||||
|
})
|
||||||
|
|
||||||
|
const [, { windowOpenReturnedNull }] = await emittedOnce(ipcMain, 'answer')
|
||||||
|
expect(windowOpenReturnedNull).to.be.true()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('blocks accessing cross-origin frames', async () => {
|
||||||
|
// Don't wait for loading to finish.
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
allowpopups: 'on',
|
||||||
|
nodeintegration: 'on',
|
||||||
|
webpreferences: 'nativeWindowOpen=1',
|
||||||
|
src: `file://${path.join(fixtures, 'api', 'native-window-open-cross-origin.html')}`
|
||||||
|
})
|
||||||
|
|
||||||
|
const [, content] = await emittedOnce(ipcMain, 'answer')
|
||||||
|
const expectedContent =
|
||||||
|
'Blocked a frame with origin "file://" from accessing a cross-origin frame.'
|
||||||
|
|
||||||
|
expect(content).to.equal(expectedContent)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits a new-window event', async () => {
|
||||||
|
// Don't wait for loading to finish.
|
||||||
|
const attributes = {
|
||||||
|
allowpopups: 'on',
|
||||||
|
nodeintegration: 'on',
|
||||||
|
webpreferences: 'nativeWindowOpen=1',
|
||||||
|
src: `file://${fixtures}/pages/window-open.html`
|
||||||
|
}
|
||||||
|
const { url, frameName } = await w.webContents.executeJavaScript(`
|
||||||
|
new Promise((resolve, reject) => {
|
||||||
|
const webview = document.createElement('webview')
|
||||||
|
for (const [k, v] of Object.entries(${JSON.stringify(attributes)})) {
|
||||||
|
webview.setAttribute(k, v)
|
||||||
|
}
|
||||||
|
document.body.appendChild(webview)
|
||||||
|
webview.addEventListener('new-window', (e) => {
|
||||||
|
resolve({url: e.url, frameName: e.frameName})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
`)
|
||||||
|
|
||||||
|
expect(url).to.equal('http://host/')
|
||||||
|
expect(frameName).to.equal('host')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits a browser-window-created event', async () => {
|
||||||
|
// Don't wait for loading to finish.
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
allowpopups: 'on',
|
||||||
|
webpreferences: 'nativeWindowOpen=1',
|
||||||
|
src: `file://${fixtures}/pages/window-open.html`
|
||||||
|
})
|
||||||
|
|
||||||
|
await emittedOnce(app, 'browser-window-created')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits a web-contents-created event', (done) => {
|
||||||
|
app.on('web-contents-created', function listener (event, contents) {
|
||||||
|
if (contents.getType() === 'window') {
|
||||||
|
app.removeListener('web-contents-created', listener)
|
||||||
|
done()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
allowpopups: 'on',
|
||||||
|
webpreferences: 'nativeWindowOpen=1',
|
||||||
|
src: `file://${fixtures}/pages/window-open.html`
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('webpreferences attribute', () => {
|
||||||
|
let w: BrowserWindow
|
||||||
|
beforeEach(async () => {
|
||||||
|
w = new BrowserWindow({ show: false, webPreferences: { nodeIntegration: true, webviewTag: true } })
|
||||||
|
await w.loadURL('about:blank')
|
||||||
|
})
|
||||||
|
afterEach(closeAllWindows)
|
||||||
|
|
||||||
|
it('can enable context isolation', async () => {
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
allowpopups: 'yes',
|
||||||
|
preload: `file://${fixtures}/api/isolated-preload.js`,
|
||||||
|
src: `file://${fixtures}/api/isolated.html`,
|
||||||
|
webpreferences: 'contextIsolation=yes'
|
||||||
|
})
|
||||||
|
|
||||||
|
const [, data] = await emittedOnce(ipcMain, 'isolated-world')
|
||||||
|
expect(data).to.deep.equal({
|
||||||
|
preloadContext: {
|
||||||
|
preloadProperty: 'number',
|
||||||
|
pageProperty: 'undefined',
|
||||||
|
typeofRequire: 'function',
|
||||||
|
typeofProcess: 'object',
|
||||||
|
typeofArrayPush: 'function',
|
||||||
|
typeofFunctionApply: 'function',
|
||||||
|
typeofPreloadExecuteJavaScriptProperty: 'undefined'
|
||||||
|
},
|
||||||
|
pageContext: {
|
||||||
|
preloadProperty: 'undefined',
|
||||||
|
pageProperty: 'string',
|
||||||
|
typeofRequire: 'undefined',
|
||||||
|
typeofProcess: 'undefined',
|
||||||
|
typeofArrayPush: 'number',
|
||||||
|
typeofFunctionApply: 'boolean',
|
||||||
|
typeofPreloadExecuteJavaScriptProperty: 'number',
|
||||||
|
typeofOpenedWindow: 'object'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('permission request handlers', () => {
|
||||||
|
let w: BrowserWindow
|
||||||
|
beforeEach(async () => {
|
||||||
|
w = new BrowserWindow({ show: false, webPreferences: { nodeIntegration: true, webviewTag: true } })
|
||||||
|
await w.loadURL('about:blank')
|
||||||
|
})
|
||||||
|
afterEach(closeAllWindows)
|
||||||
|
|
||||||
|
const partition = 'permissionTest'
|
||||||
|
|
||||||
|
function setUpRequestHandler(webContentsId: number, requestedPermission: string) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
session.fromPartition(partition).setPermissionRequestHandler(function (webContents, permission, callback) {
|
||||||
|
if (webContents.id === webContentsId) {
|
||||||
|
// requestMIDIAccess with sysex requests both midi and midiSysex so
|
||||||
|
// grant the first midi one and then reject the midiSysex one
|
||||||
|
if (requestedPermission === 'midiSysex' && permission === 'midi') {
|
||||||
|
return callback(true)
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
expect(permission).to.equal(requestedPermission)
|
||||||
|
} catch (e) {
|
||||||
|
return reject(e)
|
||||||
|
}
|
||||||
|
callback(false)
|
||||||
|
resolve()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
afterEach(() => {
|
||||||
|
session.fromPartition(partition).setPermissionRequestHandler(null)
|
||||||
|
})
|
||||||
|
|
||||||
|
// This is disabled because CI machines don't have cameras or microphones,
|
||||||
|
// so Chrome responds with "NotFoundError" instead of
|
||||||
|
// "PermissionDeniedError". It should be re-enabled if we find a way to mock
|
||||||
|
// the presence of a microphone & camera.
|
||||||
|
xit('emits when using navigator.getUserMedia api', async () => {
|
||||||
|
const errorFromRenderer = emittedOnce(ipcMain, 'message')
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
src: `file://${fixtures}/pages/permissions/media.html`,
|
||||||
|
partition,
|
||||||
|
nodeintegration: 'on'
|
||||||
|
})
|
||||||
|
const [, webViewContents] = await emittedOnce(app, 'web-contents-created')
|
||||||
|
setUpRequestHandler(webViewContents.id, 'media')
|
||||||
|
const [, errorName] = await errorFromRenderer
|
||||||
|
expect(errorName).to.equal('PermissionDeniedError')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits when using navigator.geolocation api', async () => {
|
||||||
|
const errorFromRenderer = emittedOnce(ipcMain, 'message')
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
src: `file://${fixtures}/pages/permissions/geolocation.html`,
|
||||||
|
partition,
|
||||||
|
nodeintegration: 'on'
|
||||||
|
})
|
||||||
|
const [, webViewContents] = await emittedOnce(app, 'web-contents-created')
|
||||||
|
setUpRequestHandler(webViewContents.id, 'geolocation')
|
||||||
|
const [, error] = await errorFromRenderer
|
||||||
|
expect(error).to.equal('User denied Geolocation')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits when using navigator.requestMIDIAccess without sysex api', async () => {
|
||||||
|
const errorFromRenderer = emittedOnce(ipcMain, 'message')
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
src: `file://${fixtures}/pages/permissions/midi.html`,
|
||||||
|
partition,
|
||||||
|
nodeintegration: 'on'
|
||||||
|
})
|
||||||
|
const [, webViewContents] = await emittedOnce(app, 'web-contents-created')
|
||||||
|
setUpRequestHandler(webViewContents.id, 'midi')
|
||||||
|
const [, error] = await errorFromRenderer
|
||||||
|
expect(error).to.equal('SecurityError')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits when using navigator.requestMIDIAccess with sysex api', async () => {
|
||||||
|
const errorFromRenderer = emittedOnce(ipcMain, 'message')
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
src: `file://${fixtures}/pages/permissions/midi-sysex.html`,
|
||||||
|
partition,
|
||||||
|
nodeintegration: 'on'
|
||||||
|
})
|
||||||
|
const [, webViewContents] = await emittedOnce(app, 'web-contents-created')
|
||||||
|
setUpRequestHandler(webViewContents.id, 'midiSysex')
|
||||||
|
const [, error] = await errorFromRenderer
|
||||||
|
expect(error).to.equal('SecurityError')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits when accessing external protocol', async () => {
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
src: `magnet:test`,
|
||||||
|
partition,
|
||||||
|
})
|
||||||
|
const [, webViewContents] = await emittedOnce(app, 'web-contents-created')
|
||||||
|
await setUpRequestHandler(webViewContents.id, 'openExternal')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('emits when using Notification.requestPermission', async () => {
|
||||||
|
const errorFromRenderer = emittedOnce(ipcMain, 'message')
|
||||||
|
loadWebView(w.webContents, {
|
||||||
|
src: `file://${fixtures}/pages/permissions/notification.html`,
|
||||||
|
partition,
|
||||||
|
nodeintegration: 'on'
|
||||||
|
})
|
||||||
|
const [, webViewContents] = await emittedOnce(app, 'web-contents-created')
|
||||||
|
|
||||||
|
await setUpRequestHandler(webViewContents.id, 'notifications')
|
||||||
|
|
||||||
|
const [, error] = await errorFromRenderer
|
||||||
|
expect(error).to.equal('denied')
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
|
@ -1,5 +1,5 @@
|
||||||
<script>
|
<script>
|
||||||
navigator.geolocation.getCurrentPosition(() => {}, (err) => {
|
navigator.geolocation.getCurrentPosition(() => {}, (err) => {
|
||||||
require('electron').ipcRenderer.sendToHost('message', err.message);
|
require('electron').ipcRenderer.send('message', err.message);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
3
spec/fixtures/pages/permissions/media.html
vendored
3
spec/fixtures/pages/permissions/media.html
vendored
|
@ -2,6 +2,7 @@
|
||||||
navigator.webkitGetUserMedia({ audio: true, video: true }, function(mediaStream) {
|
navigator.webkitGetUserMedia({ audio: true, video: true }, function(mediaStream) {
|
||||||
|
|
||||||
}, function(err) {
|
}, function(err) {
|
||||||
require('electron').ipcRenderer.sendToHost('message', err.name);
|
console.log(err)
|
||||||
|
require('electron').ipcRenderer.send('message', err.name);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<script>
|
<script>
|
||||||
navigator.requestMIDIAccess({sysex: true}).then(() => {}, (err) => {
|
navigator.requestMIDIAccess({sysex: true}).then(() => {}, (err) => {
|
||||||
require('electron').ipcRenderer.sendToHost('message', err.name);
|
require('electron').ipcRenderer.send('message', err.name);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
2
spec/fixtures/pages/permissions/midi.html
vendored
2
spec/fixtures/pages/permissions/midi.html
vendored
|
@ -1,5 +1,5 @@
|
||||||
<script>
|
<script>
|
||||||
navigator.requestMIDIAccess({sysex: false}).then(() => {}, (err) => {
|
navigator.requestMIDIAccess({sysex: false}).then(() => {}, (err) => {
|
||||||
require('electron').ipcRenderer.sendToHost('message', err.name);
|
require('electron').ipcRenderer.send('message', err.name);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -5,6 +5,6 @@ Notification.requestPermission().then((result) => {
|
||||||
n1.close()
|
n1.close()
|
||||||
n2.close()
|
n2.close()
|
||||||
|
|
||||||
require('electron').ipcRenderer.sendToHost('message', result)
|
require('electron').ipcRenderer.send('message', result)
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<html>
|
<html>
|
||||||
<body>
|
<body>
|
||||||
<webview nodeintegration src="zoom://host1" id="view" partition="webview-temp"/>
|
<webview nodeintegration src="app://host1" id="view" partition="webview-temp"/>
|
||||||
</body>
|
</body>
|
||||||
<script>
|
<script>
|
||||||
const {ipcRenderer, webFrame} = require('electron')
|
const {ipcRenderer, webFrame} = require('electron')
|
||||||
|
@ -14,7 +14,7 @@
|
||||||
const zoomFactor = view.getZoomFactor()
|
const zoomFactor = view.getZoomFactor()
|
||||||
ipcRenderer.send('webview-zoom-level', zoomLevel, zoomFactor, view.canGoBack(), finalNavigation)
|
ipcRenderer.send('webview-zoom-level', zoomLevel, zoomFactor, view.canGoBack(), finalNavigation)
|
||||||
if (!view.canGoBack() && !finalNavigation) {
|
if (!view.canGoBack() && !finalNavigation) {
|
||||||
view.src = 'zoom://host2'
|
view.src = 'app://host2'
|
||||||
} else if (!finalNavigation) {
|
} else if (!finalNavigation) {
|
||||||
finalNavigation = true
|
finalNavigation = true
|
||||||
view.goBack()
|
view.goBack()
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<html>
|
<html>
|
||||||
<body>
|
<body>
|
||||||
<webview nodeintegration src="zoom://host1" id="view" partition="webview-temp"/>
|
<webview nodeintegration src="app://host1" id="view" partition="webview-temp"/>
|
||||||
</body>
|
</body>
|
||||||
<script>
|
<script>
|
||||||
const {ipcRenderer, webFrame} = require('electron')
|
const {ipcRenderer, webFrame} = require('electron')
|
||||||
|
|
|
@ -3,6 +3,9 @@
|
||||||
<script type="text/javascript" charset="utf-8">
|
<script type="text/javascript" charset="utf-8">
|
||||||
var windowUrl = decodeURIComponent(window.location.search.substring(3))
|
var windowUrl = decodeURIComponent(window.location.search.substring(3))
|
||||||
window.open('file://' + windowUrl, '', 'nodeIntegration=yes,show=no')
|
window.open('file://' + windowUrl, '', 'nodeIntegration=yes,show=no')
|
||||||
|
addEventListener("message", (ev) => {
|
||||||
|
console.log(JSON.stringify(ev.data))
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<html>
|
<html>
|
||||||
<body>
|
<body>
|
||||||
<webview nodeintegration src="zoom://host1" id="view" partition="webview-temp"/>
|
<webview nodeintegration src="app://host1" id="view" partition="webview-temp"/>
|
||||||
</body>
|
</body>
|
||||||
<script>
|
<script>
|
||||||
const {ipcRenderer} = require('electron')
|
const {ipcRenderer} = require('electron')
|
||||||
|
@ -8,7 +8,7 @@
|
||||||
const view2 = document.createElement('webview')
|
const view2 = document.createElement('webview')
|
||||||
view.addEventListener('dom-ready', () => {
|
view.addEventListener('dom-ready', () => {
|
||||||
view.setZoomLevel(2.0)
|
view.setZoomLevel(2.0)
|
||||||
view2.src = "zoom://host1"
|
view2.src = "app://host1"
|
||||||
view2.partition = "webview-temp"
|
view2.partition = "webview-temp"
|
||||||
document.body.appendChild(view2)
|
document.body.appendChild(view2)
|
||||||
})
|
})
|
||||||
|
|
|
@ -3,8 +3,7 @@ const dirtyChai = require('dirty-chai')
|
||||||
const path = require('path')
|
const path = require('path')
|
||||||
const http = require('http')
|
const http = require('http')
|
||||||
const url = require('url')
|
const url = require('url')
|
||||||
const { ipcRenderer, remote } = require('electron')
|
const { ipcRenderer } = require('electron')
|
||||||
const { app, session, ipcMain, BrowserWindow } = remote
|
|
||||||
const { closeWindow } = require('./window-helpers')
|
const { closeWindow } = require('./window-helpers')
|
||||||
const { emittedOnce, waitForEvent } = require('./events-helpers')
|
const { emittedOnce, waitForEvent } = require('./events-helpers')
|
||||||
|
|
||||||
|
@ -12,8 +11,7 @@ const { expect } = chai
|
||||||
chai.use(dirtyChai)
|
chai.use(dirtyChai)
|
||||||
|
|
||||||
const features = process.electronBinding('features')
|
const features = process.electronBinding('features')
|
||||||
const isCI = remote.getGlobal('isCi')
|
const nativeModulesEnabled = process.env.ELECTRON_SKIP_NATIVE_MODULE_TESTS
|
||||||
const nativeModulesEnabled = remote.getGlobal('nativeModulesEnabled')
|
|
||||||
|
|
||||||
/* Most of the APIs here don't use standard callbacks */
|
/* Most of the APIs here don't use standard callbacks */
|
||||||
/* eslint-disable standard/no-callback-literal */
|
/* eslint-disable standard/no-callback-literal */
|
||||||
|
@ -23,18 +21,6 @@ describe('<webview> tag', function () {
|
||||||
|
|
||||||
const fixtures = path.join(__dirname, 'fixtures')
|
const fixtures = path.join(__dirname, 'fixtures')
|
||||||
let webview = null
|
let webview = null
|
||||||
let w = null
|
|
||||||
|
|
||||||
const openTheWindow = async (...args) => {
|
|
||||||
await closeTheWindow()
|
|
||||||
w = new BrowserWindow(...args)
|
|
||||||
return w
|
|
||||||
}
|
|
||||||
|
|
||||||
const closeTheWindow = async () => {
|
|
||||||
await closeWindow(w)
|
|
||||||
w = null
|
|
||||||
}
|
|
||||||
|
|
||||||
const loadWebView = async (webview, attributes = {}) => {
|
const loadWebView = async (webview, attributes = {}) => {
|
||||||
for (const [name, value] of Object.entries(attributes)) {
|
for (const [name, value] of Object.entries(attributes)) {
|
||||||
|
@ -60,80 +46,6 @@ describe('<webview> tag', function () {
|
||||||
document.body.appendChild(webview)
|
document.body.appendChild(webview)
|
||||||
}
|
}
|
||||||
webview.remove()
|
webview.remove()
|
||||||
|
|
||||||
return closeTheWindow()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('works without script tag in page', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const pong = emittedOnce(ipcMain, 'pong')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-no-script.html'))
|
|
||||||
await pong
|
|
||||||
})
|
|
||||||
|
|
||||||
it('works with sandbox', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true,
|
|
||||||
sandbox: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const pong = emittedOnce(ipcMain, 'pong')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-isolated.html'))
|
|
||||||
await pong
|
|
||||||
})
|
|
||||||
|
|
||||||
it('works with contextIsolation', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true,
|
|
||||||
contextIsolation: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const pong = emittedOnce(ipcMain, 'pong')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-isolated.html'))
|
|
||||||
await pong
|
|
||||||
})
|
|
||||||
|
|
||||||
it('works with contextIsolation + sandbox', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true,
|
|
||||||
contextIsolation: true,
|
|
||||||
sandbox: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const pong = emittedOnce(ipcMain, 'pong')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-isolated.html'))
|
|
||||||
await pong
|
|
||||||
})
|
|
||||||
|
|
||||||
it('is disabled by default', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
preload: path.join(fixtures, 'module', 'preload-webview.js'),
|
|
||||||
nodeIntegration: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const webview = emittedOnce(ipcMain, 'webview')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-no-script.html'))
|
|
||||||
const [, type] = await webview
|
|
||||||
|
|
||||||
expect(type).to.equal('undefined', 'WebView still exists')
|
|
||||||
})
|
})
|
||||||
|
|
||||||
describe('src attribute', () => {
|
describe('src attribute', () => {
|
||||||
|
@ -235,12 +147,7 @@ describe('<webview> tag', function () {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
it('disables node integration on child windows when it is disabled on the webview', (done) => {
|
it('disables node integration on child windows when it is disabled on the webview', async () => {
|
||||||
app.once('browser-window-created', (event, window) => {
|
|
||||||
expect(window.webContents.getWebPreferences().nodeIntegration).to.be.false()
|
|
||||||
done()
|
|
||||||
})
|
|
||||||
|
|
||||||
const src = url.format({
|
const src = url.format({
|
||||||
pathname: `${fixtures}/pages/webview-opener-no-node-integration.html`,
|
pathname: `${fixtures}/pages/webview-opener-no-node-integration.html`,
|
||||||
protocol: 'file',
|
protocol: 'file',
|
||||||
|
@ -253,6 +160,8 @@ describe('<webview> tag', function () {
|
||||||
allowpopups: 'on',
|
allowpopups: 'on',
|
||||||
src
|
src
|
||||||
})
|
})
|
||||||
|
const { message } = await waitForEvent(webview, 'console-message')
|
||||||
|
expect(JSON.parse(message).isProcessGlobalUndefined).to.be.true()
|
||||||
});
|
});
|
||||||
|
|
||||||
(nativeModulesEnabled ? it : it.skip)('loads native modules when navigation happens', async function () {
|
(nativeModulesEnabled ? it : it.skip)('loads native modules when navigation happens', async function () {
|
||||||
|
@ -623,38 +532,6 @@ describe('<webview> tag', function () {
|
||||||
|
|
||||||
expect(message).to.equal('function')
|
expect(message).to.equal('function')
|
||||||
})
|
})
|
||||||
|
|
||||||
it('can enable context isolation', async () => {
|
|
||||||
loadWebView(webview, {
|
|
||||||
allowpopups: 'yes',
|
|
||||||
preload: path.join(fixtures, 'api', 'isolated-preload.js'),
|
|
||||||
src: `file://${fixtures}/api/isolated.html`,
|
|
||||||
webpreferences: 'contextIsolation=yes'
|
|
||||||
})
|
|
||||||
|
|
||||||
const [, data] = await emittedOnce(ipcMain, 'isolated-world')
|
|
||||||
expect(data).to.deep.equal({
|
|
||||||
preloadContext: {
|
|
||||||
preloadProperty: 'number',
|
|
||||||
pageProperty: 'undefined',
|
|
||||||
typeofRequire: 'function',
|
|
||||||
typeofProcess: 'object',
|
|
||||||
typeofArrayPush: 'function',
|
|
||||||
typeofFunctionApply: 'function',
|
|
||||||
typeofPreloadExecuteJavaScriptProperty: 'undefined'
|
|
||||||
},
|
|
||||||
pageContext: {
|
|
||||||
preloadProperty: 'undefined',
|
|
||||||
pageProperty: 'string',
|
|
||||||
typeofRequire: 'undefined',
|
|
||||||
typeofProcess: 'undefined',
|
|
||||||
typeofArrayPush: 'number',
|
|
||||||
typeofFunctionApply: 'boolean',
|
|
||||||
typeofPreloadExecuteJavaScriptProperty: 'number',
|
|
||||||
typeofOpenedWindow: 'object'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
|
|
||||||
describe('new-window event', () => {
|
describe('new-window event', () => {
|
||||||
|
@ -1141,106 +1018,6 @@ describe('<webview> tag', function () {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
describe('permission-request event', () => {
|
|
||||||
function setUpRequestHandler (webview, requestedPermission, completed) {
|
|
||||||
expect(webview.partition).to.be.a('string').that.is.not.empty()
|
|
||||||
|
|
||||||
const listener = function (webContents, permission, callback) {
|
|
||||||
if (webContents.id === webview.getWebContentsId()) {
|
|
||||||
// requestMIDIAccess with sysex requests both midi and midiSysex so
|
|
||||||
// grant the first midi one and then reject the midiSysex one
|
|
||||||
if (requestedPermission === 'midiSysex' && permission === 'midi') {
|
|
||||||
return callback(true)
|
|
||||||
}
|
|
||||||
|
|
||||||
expect(permission).to.equal(requestedPermission)
|
|
||||||
callback(false)
|
|
||||||
if (completed) completed()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
session.fromPartition(webview.partition).setPermissionRequestHandler(listener)
|
|
||||||
}
|
|
||||||
|
|
||||||
it('emits when using navigator.getUserMedia api', (done) => {
|
|
||||||
if (isCI) return done()
|
|
||||||
|
|
||||||
webview.addEventListener('ipc-message', (e) => {
|
|
||||||
expect(e.channel).to.equal('message')
|
|
||||||
expect(e.args).to.deep.equal(['PermissionDeniedError'])
|
|
||||||
done()
|
|
||||||
})
|
|
||||||
webview.src = `file://${fixtures}/pages/permissions/media.html`
|
|
||||||
webview.partition = 'permissionTest'
|
|
||||||
webview.setAttribute('nodeintegration', 'on')
|
|
||||||
setUpRequestHandler(webview, 'media')
|
|
||||||
document.body.appendChild(webview)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits when using navigator.geolocation api', (done) => {
|
|
||||||
webview.addEventListener('ipc-message', (e) => {
|
|
||||||
expect(e.channel).to.equal('message')
|
|
||||||
expect(e.args).to.deep.equal(['User denied Geolocation'])
|
|
||||||
done()
|
|
||||||
})
|
|
||||||
webview.src = `file://${fixtures}/pages/permissions/geolocation.html`
|
|
||||||
webview.partition = 'permissionTest'
|
|
||||||
webview.setAttribute('nodeintegration', 'on')
|
|
||||||
setUpRequestHandler(webview, 'geolocation')
|
|
||||||
document.body.appendChild(webview)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits when using navigator.requestMIDIAccess without sysex api', (done) => {
|
|
||||||
webview.addEventListener('ipc-message', (e) => {
|
|
||||||
expect(e.channel).to.equal('message')
|
|
||||||
expect(e.args).to.deep.equal(['SecurityError'])
|
|
||||||
done()
|
|
||||||
})
|
|
||||||
webview.src = `file://${fixtures}/pages/permissions/midi.html`
|
|
||||||
webview.partition = 'permissionTest'
|
|
||||||
webview.setAttribute('nodeintegration', 'on')
|
|
||||||
setUpRequestHandler(webview, 'midi')
|
|
||||||
document.body.appendChild(webview)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits when using navigator.requestMIDIAccess with sysex api', (done) => {
|
|
||||||
webview.addEventListener('ipc-message', (e) => {
|
|
||||||
expect(e.channel).to.equal('message')
|
|
||||||
expect(e.args).to.deep.equal(['SecurityError'])
|
|
||||||
done()
|
|
||||||
})
|
|
||||||
webview.src = `file://${fixtures}/pages/permissions/midi-sysex.html`
|
|
||||||
webview.partition = 'permissionTest'
|
|
||||||
webview.setAttribute('nodeintegration', 'on')
|
|
||||||
setUpRequestHandler(webview, 'midiSysex')
|
|
||||||
document.body.appendChild(webview)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits when accessing external protocol', (done) => {
|
|
||||||
webview.src = 'magnet:test'
|
|
||||||
webview.partition = 'permissionTest'
|
|
||||||
setUpRequestHandler(webview, 'openExternal', done)
|
|
||||||
document.body.appendChild(webview)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits when using Notification.requestPermission', (done) => {
|
|
||||||
webview.addEventListener('ipc-message', (e) => {
|
|
||||||
expect(e.channel).to.equal('message')
|
|
||||||
expect(e.args).to.deep.equal(['granted'])
|
|
||||||
done()
|
|
||||||
})
|
|
||||||
webview.src = `file://${fixtures}/pages/permissions/notification.html`
|
|
||||||
webview.partition = 'permissionTest'
|
|
||||||
webview.setAttribute('nodeintegration', 'on')
|
|
||||||
session.fromPartition(webview.partition).setPermissionRequestHandler((webContents, permission, callback) => {
|
|
||||||
if (webContents.id === webview.getWebContentsId()) {
|
|
||||||
expect(permission).to.equal('notifications')
|
|
||||||
setTimeout(() => { callback(true) }, 10)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
document.body.appendChild(webview)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
describe('<webview>.getWebContentsId', () => {
|
describe('<webview>.getWebContentsId', () => {
|
||||||
it('can return the WebContents ID', async () => {
|
it('can return the WebContents ID', async () => {
|
||||||
const src = 'about:blank'
|
const src = 'about:blank'
|
||||||
|
@ -1295,46 +1072,6 @@ describe('<webview> tag', function () {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
// FIXME(deepak1556): Ch69 follow up.
|
|
||||||
xdescribe('document.visibilityState/hidden', () => {
|
|
||||||
afterEach(() => {
|
|
||||||
ipcMain.removeAllListeners('pong')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('updates when the window is shown after the ready-to-show event', async () => {
|
|
||||||
const w = await openTheWindow({ show: false })
|
|
||||||
const readyToShowSignal = emittedOnce(w, 'ready-to-show')
|
|
||||||
const pongSignal1 = emittedOnce(ipcMain, 'pong')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-visibilitychange.html'))
|
|
||||||
await pongSignal1
|
|
||||||
const pongSignal2 = emittedOnce(ipcMain, 'pong')
|
|
||||||
await readyToShowSignal
|
|
||||||
w.show()
|
|
||||||
|
|
||||||
const [, visibilityState, hidden] = await pongSignal2
|
|
||||||
expect(visibilityState).to.equal('visible')
|
|
||||||
expect(hidden).to.be.false()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('inherits the parent window visibility state and receives visibilitychange events', async () => {
|
|
||||||
const w = await openTheWindow({ show: false })
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-visibilitychange.html'))
|
|
||||||
const [, visibilityState, hidden] = await emittedOnce(ipcMain, 'pong')
|
|
||||||
expect(visibilityState).to.equal('hidden')
|
|
||||||
expect(hidden).to.be.true()
|
|
||||||
|
|
||||||
// We have to start waiting for the event
|
|
||||||
// before we ask the webContents to resize.
|
|
||||||
const getResponse = emittedOnce(ipcMain, 'pong')
|
|
||||||
w.webContents.emit('-window-visibility-change', 'visible')
|
|
||||||
|
|
||||||
return getResponse.then(([, visibilityState, hidden]) => {
|
|
||||||
expect(visibilityState).to.equal('visible')
|
|
||||||
expect(hidden).to.be.false()
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
describe('will-attach-webview event', () => {
|
describe('will-attach-webview event', () => {
|
||||||
it('does not emit when src is not changed', (done) => {
|
it('does not emit when src is not changed', (done) => {
|
||||||
loadWebView(webview)
|
loadWebView(webview)
|
||||||
|
@ -1385,45 +1122,6 @@ describe('<webview> tag', function () {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
describe('did-attach-webview event', () => {
|
|
||||||
it('is emitted when a webview has been attached', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const didAttachWebview = emittedOnce(w.webContents, 'did-attach-webview')
|
|
||||||
const webviewDomReady = emittedOnce(ipcMain, 'webview-dom-ready')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-did-attach-event.html'))
|
|
||||||
|
|
||||||
const [, webContents] = await didAttachWebview
|
|
||||||
const [, id] = await webviewDomReady
|
|
||||||
expect(webContents.id).to.equal(id)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
it('loads devtools extensions registered on the parent window', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
BrowserWindow.removeDevToolsExtension('foo')
|
|
||||||
|
|
||||||
const extensionPath = path.join(__dirname, 'fixtures', 'devtools-extensions', 'foo')
|
|
||||||
BrowserWindow.addDevToolsExtension(extensionPath)
|
|
||||||
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-devtools.html'))
|
|
||||||
|
|
||||||
const [, { runtimeId, tabId }] = await emittedOnce(ipcMain, 'answer')
|
|
||||||
expect(runtimeId).to.equal('foo')
|
|
||||||
expect(tabId).to.be.not.equal(w.webContents.id)
|
|
||||||
})
|
|
||||||
|
|
||||||
describe('DOM events', () => {
|
describe('DOM events', () => {
|
||||||
let div
|
let div
|
||||||
|
|
||||||
|
@ -1493,195 +1191,4 @@ describe('<webview> tag', function () {
|
||||||
generateSpecs('without sandbox', false)
|
generateSpecs('without sandbox', false)
|
||||||
generateSpecs('with sandbox', true)
|
generateSpecs('with sandbox', true)
|
||||||
})
|
})
|
||||||
|
|
||||||
describe('zoom behavior', () => {
|
|
||||||
const zoomScheme = remote.getGlobal('zoomScheme')
|
|
||||||
const webviewSession = session.fromPartition('webview-temp')
|
|
||||||
|
|
||||||
before((done) => {
|
|
||||||
const protocol = webviewSession.protocol
|
|
||||||
protocol.registerStringProtocol(zoomScheme, (request, callback) => {
|
|
||||||
callback('hello')
|
|
||||||
}, (error) => done(error))
|
|
||||||
})
|
|
||||||
|
|
||||||
after((done) => {
|
|
||||||
const protocol = webviewSession.protocol
|
|
||||||
protocol.unregisterProtocol(zoomScheme, (error) => done(error))
|
|
||||||
})
|
|
||||||
|
|
||||||
it('inherits the zoomFactor of the parent window', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true,
|
|
||||||
zoomFactor: 1.2
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const zoomEventPromise = emittedOnce(ipcMain, 'webview-parent-zoom-level')
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-zoom-factor.html'))
|
|
||||||
|
|
||||||
const [, zoomFactor, zoomLevel] = await zoomEventPromise
|
|
||||||
expect(zoomFactor).to.equal(1.2)
|
|
||||||
expect(zoomLevel).to.equal(1)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('maintains zoom level on navigation', async () => {
|
|
||||||
return openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true,
|
|
||||||
zoomFactor: 1.2
|
|
||||||
}
|
|
||||||
}).then((w) => {
|
|
||||||
const promise = new Promise((resolve) => {
|
|
||||||
ipcMain.on('webview-zoom-level', (event, zoomLevel, zoomFactor, newHost, final) => {
|
|
||||||
if (!newHost) {
|
|
||||||
expect(zoomFactor).to.equal(1.44)
|
|
||||||
expect(zoomLevel).to.equal(2.0)
|
|
||||||
} else {
|
|
||||||
expect(zoomFactor).to.equal(1.2)
|
|
||||||
expect(zoomLevel).to.equal(1)
|
|
||||||
}
|
|
||||||
|
|
||||||
if (final) {
|
|
||||||
resolve()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-custom-zoom-level.html'))
|
|
||||||
|
|
||||||
return promise
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
it('maintains zoom level when navigating within same page', async () => {
|
|
||||||
return openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true,
|
|
||||||
zoomFactor: 1.2
|
|
||||||
}
|
|
||||||
}).then((w) => {
|
|
||||||
const promise = new Promise((resolve) => {
|
|
||||||
ipcMain.on('webview-zoom-in-page', (event, zoomLevel, zoomFactor, final) => {
|
|
||||||
expect(zoomFactor).to.equal(1.44)
|
|
||||||
expect(zoomLevel).to.equal(2.0)
|
|
||||||
|
|
||||||
if (final) {
|
|
||||||
resolve()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-in-page-navigate.html'))
|
|
||||||
|
|
||||||
return promise
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
it('inherits zoom level for the origin when available', async () => {
|
|
||||||
const w = await openTheWindow({
|
|
||||||
show: false,
|
|
||||||
webPreferences: {
|
|
||||||
webviewTag: true,
|
|
||||||
nodeIntegration: true,
|
|
||||||
zoomFactor: 1.2
|
|
||||||
}
|
|
||||||
})
|
|
||||||
w.loadFile(path.join(fixtures, 'pages', 'webview-origin-zoom-level.html'))
|
|
||||||
|
|
||||||
const [, zoomLevel] = await emittedOnce(ipcMain, 'webview-origin-zoom-level')
|
|
||||||
expect(zoomLevel).to.equal(2.0)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
describe('nativeWindowOpen option', () => {
|
|
||||||
beforeEach(() => {
|
|
||||||
webview.setAttribute('allowpopups', 'on')
|
|
||||||
webview.setAttribute('nodeintegration', 'on')
|
|
||||||
webview.setAttribute('webpreferences', 'nativeWindowOpen=1')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('opens window of about:blank with cross-scripting enabled', async () => {
|
|
||||||
// Don't wait for loading to finish.
|
|
||||||
loadWebView(webview, {
|
|
||||||
src: `file://${path.join(fixtures, 'api', 'native-window-open-blank.html')}`
|
|
||||||
})
|
|
||||||
|
|
||||||
const [, content] = await emittedOnce(ipcMain, 'answer')
|
|
||||||
expect(content).to.equal('Hello')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('opens window of same domain with cross-scripting enabled', async () => {
|
|
||||||
// Don't wait for loading to finish.
|
|
||||||
loadWebView(webview, {
|
|
||||||
src: `file://${path.join(fixtures, 'api', 'native-window-open-file.html')}`
|
|
||||||
})
|
|
||||||
|
|
||||||
const [, content] = await emittedOnce(ipcMain, 'answer')
|
|
||||||
expect(content).to.equal('Hello')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('returns null from window.open when allowpopups is not set', async () => {
|
|
||||||
webview.removeAttribute('allowpopups')
|
|
||||||
|
|
||||||
// Don't wait for loading to finish.
|
|
||||||
loadWebView(webview, {
|
|
||||||
src: `file://${path.join(fixtures, 'api', 'native-window-open-no-allowpopups.html')}`
|
|
||||||
})
|
|
||||||
|
|
||||||
const [, { windowOpenReturnedNull }] = await emittedOnce(ipcMain, 'answer')
|
|
||||||
expect(windowOpenReturnedNull).to.be.true()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('blocks accessing cross-origin frames', async () => {
|
|
||||||
// Don't wait for loading to finish.
|
|
||||||
loadWebView(webview, {
|
|
||||||
src: `file://${path.join(fixtures, 'api', 'native-window-open-cross-origin.html')}`
|
|
||||||
})
|
|
||||||
|
|
||||||
const [, content] = await emittedOnce(ipcMain, 'answer')
|
|
||||||
const expectedContent =
|
|
||||||
'Blocked a frame with origin "file://" from accessing a cross-origin frame.'
|
|
||||||
|
|
||||||
expect(content).to.equal(expectedContent)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits a new-window event', async () => {
|
|
||||||
// Don't wait for loading to finish.
|
|
||||||
loadWebView(webview, {
|
|
||||||
src: `file://${fixtures}/pages/window-open.html`
|
|
||||||
})
|
|
||||||
const { url, frameName } = await waitForEvent(webview, 'new-window')
|
|
||||||
|
|
||||||
expect(url).to.equal('http://host/')
|
|
||||||
expect(frameName).to.equal('host')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits a browser-window-created event', async () => {
|
|
||||||
// Don't wait for loading to finish.
|
|
||||||
loadWebView(webview, {
|
|
||||||
src: `file://${fixtures}/pages/window-open.html`
|
|
||||||
})
|
|
||||||
|
|
||||||
await emittedOnce(app, 'browser-window-created')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('emits a web-contents-created event', (done) => {
|
|
||||||
app.on('web-contents-created', function listener (event, contents) {
|
|
||||||
if (contents.getType() === 'window') {
|
|
||||||
app.removeListener('web-contents-created', listener)
|
|
||||||
done()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
loadWebView(webview, {
|
|
||||||
src: `file://${fixtures}/pages/window-open.html`
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in a new issue