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>
 | 
			
		||||
navigator.geolocation.getCurrentPosition(() => {}, (err) => {
 | 
			
		||||
  require('electron').ipcRenderer.sendToHost('message', err.message);
 | 
			
		||||
  require('electron').ipcRenderer.send('message', err.message);
 | 
			
		||||
});
 | 
			
		||||
</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) {
 | 
			
		||||
 | 
			
		||||
  }, function(err) {
 | 
			
		||||
    require('electron').ipcRenderer.sendToHost('message', err.name);
 | 
			
		||||
    console.log(err)
 | 
			
		||||
    require('electron').ipcRenderer.send('message', err.name);
 | 
			
		||||
  });
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,5 +1,5 @@
 | 
			
		|||
<script>
 | 
			
		||||
navigator.requestMIDIAccess({sysex: true}).then(() => {}, (err) => {
 | 
			
		||||
  require('electron').ipcRenderer.sendToHost('message', err.name);
 | 
			
		||||
  require('electron').ipcRenderer.send('message', err.name);
 | 
			
		||||
});
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										2
									
								
								spec/fixtures/pages/permissions/midi.html
									
										
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								spec/fixtures/pages/permissions/midi.html
									
										
									
									
										vendored
									
									
								
							| 
						 | 
				
			
			@ -1,5 +1,5 @@
 | 
			
		|||
<script>
 | 
			
		||||
navigator.requestMIDIAccess({sysex: false}).then(() => {}, (err) => {
 | 
			
		||||
  require('electron').ipcRenderer.sendToHost('message', err.name);
 | 
			
		||||
  require('electron').ipcRenderer.send('message', err.name);
 | 
			
		||||
});
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,6 +5,6 @@ Notification.requestPermission().then((result) => {
 | 
			
		|||
  n1.close()
 | 
			
		||||
  n2.close()
 | 
			
		||||
 | 
			
		||||
  require('electron').ipcRenderer.sendToHost('message', result)
 | 
			
		||||
  require('electron').ipcRenderer.send('message', result)
 | 
			
		||||
})
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,6 +1,6 @@
 | 
			
		|||
<html>
 | 
			
		||||
<body>
 | 
			
		||||
<webview nodeintegration src="zoom://host1" id="view" partition="webview-temp"/>
 | 
			
		||||
<webview nodeintegration src="app://host1" id="view" partition="webview-temp"/>
 | 
			
		||||
</body>
 | 
			
		||||
<script>
 | 
			
		||||
  const {ipcRenderer, webFrame} = require('electron')
 | 
			
		||||
| 
						 | 
				
			
			@ -14,7 +14,7 @@
 | 
			
		|||
    const zoomFactor = view.getZoomFactor()
 | 
			
		||||
    ipcRenderer.send('webview-zoom-level', zoomLevel, zoomFactor, view.canGoBack(), finalNavigation)
 | 
			
		||||
    if (!view.canGoBack() && !finalNavigation) {
 | 
			
		||||
      view.src = 'zoom://host2'
 | 
			
		||||
      view.src = 'app://host2'
 | 
			
		||||
    } else if (!finalNavigation) {
 | 
			
		||||
      finalNavigation = true
 | 
			
		||||
      view.goBack()
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,6 +1,6 @@
 | 
			
		|||
<html>
 | 
			
		||||
<body>
 | 
			
		||||
<webview nodeintegration src="zoom://host1" id="view" partition="webview-temp"/>
 | 
			
		||||
<webview nodeintegration src="app://host1" id="view" partition="webview-temp"/>
 | 
			
		||||
</body>
 | 
			
		||||
<script>
 | 
			
		||||
  const {ipcRenderer, webFrame} = require('electron')
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,6 +3,9 @@
 | 
			
		|||
<script type="text/javascript" charset="utf-8">
 | 
			
		||||
  var windowUrl = decodeURIComponent(window.location.search.substring(3))
 | 
			
		||||
  window.open('file://' + windowUrl, '', 'nodeIntegration=yes,show=no')
 | 
			
		||||
  addEventListener("message", (ev) => {
 | 
			
		||||
    console.log(JSON.stringify(ev.data))
 | 
			
		||||
  })
 | 
			
		||||
</script>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,6 +1,6 @@
 | 
			
		|||
<html>
 | 
			
		||||
<body>
 | 
			
		||||
<webview nodeintegration src="zoom://host1" id="view" partition="webview-temp"/>
 | 
			
		||||
<webview nodeintegration src="app://host1" id="view" partition="webview-temp"/>
 | 
			
		||||
</body>
 | 
			
		||||
<script>
 | 
			
		||||
  const {ipcRenderer} = require('electron')
 | 
			
		||||
| 
						 | 
				
			
			@ -8,7 +8,7 @@
 | 
			
		|||
  const view2 = document.createElement('webview')
 | 
			
		||||
  view.addEventListener('dom-ready', () => {
 | 
			
		||||
    view.setZoomLevel(2.0)
 | 
			
		||||
    view2.src = "zoom://host1"
 | 
			
		||||
    view2.src = "app://host1"
 | 
			
		||||
    view2.partition = "webview-temp"
 | 
			
		||||
    document.body.appendChild(view2)
 | 
			
		||||
  })
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -3,8 +3,7 @@ const dirtyChai = require('dirty-chai')
 | 
			
		|||
const path = require('path')
 | 
			
		||||
const http = require('http')
 | 
			
		||||
const url = require('url')
 | 
			
		||||
const { ipcRenderer, remote } = require('electron')
 | 
			
		||||
const { app, session, ipcMain, BrowserWindow } = remote
 | 
			
		||||
const { ipcRenderer } = require('electron')
 | 
			
		||||
const { closeWindow } = require('./window-helpers')
 | 
			
		||||
const { emittedOnce, waitForEvent } = require('./events-helpers')
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -12,8 +11,7 @@ const { expect } = chai
 | 
			
		|||
chai.use(dirtyChai)
 | 
			
		||||
 | 
			
		||||
const features = process.electronBinding('features')
 | 
			
		||||
const isCI = remote.getGlobal('isCi')
 | 
			
		||||
const nativeModulesEnabled = remote.getGlobal('nativeModulesEnabled')
 | 
			
		||||
const nativeModulesEnabled = process.env.ELECTRON_SKIP_NATIVE_MODULE_TESTS
 | 
			
		||||
 | 
			
		||||
/* Most of the APIs here don't use standard callbacks */
 | 
			
		||||
/* eslint-disable standard/no-callback-literal */
 | 
			
		||||
| 
						 | 
				
			
			@ -23,18 +21,6 @@ describe('<webview> tag', function () {
 | 
			
		|||
 | 
			
		||||
  const fixtures = path.join(__dirname, 'fixtures')
 | 
			
		||||
  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 = {}) => {
 | 
			
		||||
    for (const [name, value] of Object.entries(attributes)) {
 | 
			
		||||
| 
						 | 
				
			
			@ -60,80 +46,6 @@ describe('<webview> tag', function () {
 | 
			
		|||
      document.body.appendChild(webview)
 | 
			
		||||
    }
 | 
			
		||||
    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', () => {
 | 
			
		||||
| 
						 | 
				
			
			@ -235,12 +147,7 @@ describe('<webview> tag', function () {
 | 
			
		|||
      })
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    it('disables node integration on child windows when it is disabled on the webview', (done) => {
 | 
			
		||||
      app.once('browser-window-created', (event, window) => {
 | 
			
		||||
        expect(window.webContents.getWebPreferences().nodeIntegration).to.be.false()
 | 
			
		||||
        done()
 | 
			
		||||
      })
 | 
			
		||||
 | 
			
		||||
    it('disables node integration on child windows when it is disabled on the webview', async () => {
 | 
			
		||||
      const src = url.format({
 | 
			
		||||
        pathname: `${fixtures}/pages/webview-opener-no-node-integration.html`,
 | 
			
		||||
        protocol: 'file',
 | 
			
		||||
| 
						 | 
				
			
			@ -253,6 +160,8 @@ describe('<webview> tag', function () {
 | 
			
		|||
        allowpopups: 'on',
 | 
			
		||||
        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 () {
 | 
			
		||||
| 
						 | 
				
			
			@ -623,38 +532,6 @@ describe('<webview> tag', 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', () => {
 | 
			
		||||
| 
						 | 
				
			
			@ -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', () => {
 | 
			
		||||
    it('can return the WebContents ID', async () => {
 | 
			
		||||
      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', () => {
 | 
			
		||||
    it('does not emit when src is not changed', (done) => {
 | 
			
		||||
      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', () => {
 | 
			
		||||
    let div
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -1493,195 +1191,4 @@ describe('<webview> tag', function () {
 | 
			
		|||
    generateSpecs('without sandbox', false)
 | 
			
		||||
    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…
	
	Add table
		Add a link
		
	
		Reference in a new issue