window-event-handler-spec.js

const KeymapManager = require('atom-keymap')
const WindowEventHandler = require('../src/window-event-handler')

describe('WindowEventHandler', () => {
  let windowEventHandler

  beforeEach(() => {
    atom.uninstallWindowEventHandler()
    spyOn(atom, 'hide')
    const initialPath = atom.project.getPaths()[0]
    spyOn(atom, 'getLoadSettings').andCallFake(() => {
      const loadSettings = atom.getLoadSettings.originalValue.call(atom)
      loadSettings.initialPath = initialPath
      return loadSettings
    })
    atom.project.destroy()
    windowEventHandler = new WindowEventHandler({atomEnvironment: atom, applicationDelegate: atom.applicationDelegate})
    windowEventHandler.initialize(window, document)
  })

  afterEach(() => {
    windowEventHandler.unsubscribe()
    atom.installWindowEventHandler()
  })

  describe('when the window is loaded', () =>
    it("doesn't have .is-blurred on the body tag", () => {
      if (process.platform === 'win32') { return } // Win32TestFailures - can not steal focus
      expect(document.body.className).not.toMatch('is-blurred')
    })
  )

  describe('when the window is blurred', () => {
    beforeEach(() => window.dispatchEvent(new CustomEvent('blur')))

    afterEach(() => document.body.classList.remove('is-blurred'))

    it('adds the .is-blurred class on the body', () => expect(document.body.className).toMatch('is-blurred'))

    describe('when the window is focused again', () =>
      it('removes the .is-blurred class from the body', () => {
        window.dispatchEvent(new CustomEvent('focus'))
        expect(document.body.className).not.toMatch('is-blurred')
      })
    )
  })
  
  describe('resize event', () =>
    it('calls storeWindowDimensions', () => {
      spyOn(atom, 'storeWindowDimensions')
      window.dispatchEvent(new CustomEvent('resize'))
      expect(atom.storeWindowDimensions).toHaveBeenCalled()
    })
  )
  
  describe('window:close event', () =>
    it('closes the window', () => {
      spyOn(atom, 'close')
      window.dispatchEvent(new CustomEvent('window:close'))
      expect(atom.close).toHaveBeenCalled()
    })
  )

  describe('when a link is clicked', () => {
    it('opens the http/https links in an external application', () => {
      const {shell} = require('electron')
      spyOn(shell, 'openExternal')

      const link = document.createElement('a')
      const linkChild = document.createElement('span')
      link.appendChild(linkChild)
      link.href = 'http://github.com'
      jasmine.attachToDOM(link)
      const fakeEvent = {target: linkChild, currentTarget: link, preventDefault: () => {}}

      windowEventHandler.handleLinkClick(fakeEvent)
      expect(shell.openExternal).toHaveBeenCalled()
      expect(shell.openExternal.argsForCall[0][0]).toBe('http://github.com')
      shell.openExternal.reset()

      link.href = 'https://github.com'
      windowEventHandler.handleLinkClick(fakeEvent)
      expect(shell.openExternal).toHaveBeenCalled()
      expect(shell.openExternal.argsForCall[0][0]).toBe('https://github.com')
      shell.openExternal.reset()

      link.href = ''
      windowEventHandler.handleLinkClick(fakeEvent)
      expect(shell.openExternal).not.toHaveBeenCalled()
      shell.openExternal.reset()

      link.href = '#scroll-me'
      windowEventHandler.handleLinkClick(fakeEvent)
      expect(shell.openExternal).not.toHaveBeenCalled()
    })

    it('opens the "atom://" links with URL handler', () => {
      const uriHandler = windowEventHandler.atomEnvironment.uriHandlerRegistry
      expect(uriHandler).toBeDefined()
      spyOn(uriHandler, 'handleURI')

      const link = document.createElement('a')
      const linkChild = document.createElement('span')
      link.appendChild(linkChild)
      link.href = 'atom://github.com'
      jasmine.attachToDOM(link)
      const fakeEvent = {target: linkChild, currentTarget: link, preventDefault: () => {}}

      windowEventHandler.handleLinkClick(fakeEvent)
      expect(uriHandler.handleURI).toHaveBeenCalled()
      expect(uriHandler.handleURI.argsForCall[0][0]).toBe('atom://github.com')
    })
  })

  describe('when a form is submitted', () =>
    it("prevents the default so that the window's URL isn't changed", () => {
      const form = document.createElement('form')
      jasmine.attachToDOM(form)

      let defaultPrevented = false
      const event = new CustomEvent('submit', {bubbles: true})
      event.preventDefault = () => { defaultPrevented = true }
      form.dispatchEvent(event)
      expect(defaultPrevented).toBe(true)
    })
  )

  describe('core:focus-next and core:focus-previous', () => {
    describe('when there is no currently focused element', () =>
      it('focuses the element with the lowest/highest tabindex', () => {
        const wrapperDiv = document.createElement('div')
        wrapperDiv.innerHTML = `
          <div>
            <button tabindex="2"></button>
            <input tabindex="1">
          </div>
        `.trim()
        const elements = wrapperDiv.firstChild
        jasmine.attachToDOM(elements)

        elements.dispatchEvent(new CustomEvent('core:focus-next', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(1)

        document.body.focus()
        elements.dispatchEvent(new CustomEvent('core:focus-previous', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(2)
      })
    )

    describe('when a tabindex is set on the currently focused element', () =>
      it('focuses the element with the next highest/lowest tabindex, skipping disabled elements', () => {
        const wrapperDiv = document.createElement('div')
        wrapperDiv.innerHTML = `
          <div>
            <input tabindex="1">
            <button tabindex="2"></button>
            <button tabindex="5"></button>
            <input tabindex="-1">
            <input tabindex="3">
            <button tabindex="7"></button>
            <input tabindex="9" disabled>
          </div>
        `.trim()
        const elements = wrapperDiv.firstChild
        jasmine.attachToDOM(elements)

        elements.querySelector('[tabindex="1"]').focus()

        elements.dispatchEvent(new CustomEvent('core:focus-next', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(2)

        elements.dispatchEvent(new CustomEvent('core:focus-next', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(3)

        elements.dispatchEvent(new CustomEvent('core:focus-next', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(5)

        elements.dispatchEvent(new CustomEvent('core:focus-next', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(7)

        elements.dispatchEvent(new CustomEvent('core:focus-next', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(1)

        elements.dispatchEvent(new CustomEvent('core:focus-previous', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(7)

        elements.dispatchEvent(new CustomEvent('core:focus-previous', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(5)

        elements.dispatchEvent(new CustomEvent('core:focus-previous', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(3)

        elements.dispatchEvent(new CustomEvent('core:focus-previous', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(2)

        elements.dispatchEvent(new CustomEvent('core:focus-previous', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(1)

        elements.dispatchEvent(new CustomEvent('core:focus-previous', {bubbles: true}))
        expect(document.activeElement.tabIndex).toBe(7)
      })
    )
  })

  describe('when keydown events occur on the document', () =>
    it('dispatches the event via the KeymapManager and CommandRegistry', () => {
      const dispatchedCommands = []
      atom.commands.onWillDispatch(command => dispatchedCommands.push(command))
      atom.commands.add('*', {'foo-command': () => {}})
      atom.keymaps.add('source-name', {'*': {'x': 'foo-command'}})

      const event = KeymapManager.buildKeydownEvent('x', {target: document.createElement('div')})
      document.dispatchEvent(event)

      expect(dispatchedCommands.length).toBe(1)
      expect(dispatchedCommands[0].type).toBe('foo-command')
    })
  )

  describe('native key bindings', () =>
    it("correctly dispatches them to active elements with the '.native-key-bindings' class", () => {
      const webContentsSpy = jasmine.createSpyObj('webContents', ['copy', 'paste'])
      spyOn(atom.applicationDelegate, 'getCurrentWindow').andReturn({
        webContents: webContentsSpy,
        on: () => {}
      })

      const nativeKeyBindingsInput = document.createElement('input')
      nativeKeyBindingsInput.classList.add('native-key-bindings')
      jasmine.attachToDOM(nativeKeyBindingsInput)
      nativeKeyBindingsInput.focus()

      atom.dispatchApplicationMenuCommand('core:copy')
      atom.dispatchApplicationMenuCommand('core:paste')

      expect(webContentsSpy.copy).toHaveBeenCalled()
      expect(webContentsSpy.paste).toHaveBeenCalled()

      webContentsSpy.copy.reset()
      webContentsSpy.paste.reset()

      const normalInput = document.createElement('input')
      jasmine.attachToDOM(normalInput)
      normalInput.focus()

      atom.dispatchApplicationMenuCommand('core:copy')
      atom.dispatchApplicationMenuCommand('core:paste')

      expect(webContentsSpy.copy).not.toHaveBeenCalled()
      expect(webContentsSpy.paste).not.toHaveBeenCalled()
    })
  )
})