Boostnote/tests/lib/contextMenuBuilder.test.js

let menuBuilderParameter
jest.mock('electron', () => {
  return {remote: {require: jest.fn(() => { return {Menu: {buildFromTemplate: jest.fn((param) => { menuBuilderParameter = param })}} })}}
})

const spellcheck = require('browser/lib/spellcheck')
const buildEditorContextMenu = require('browser/lib/contextMenuBuilder').buildEditorContextMenu
const buildMarkdownPreviewContextMenu = require('browser/lib/contextMenuBuilder').buildMarkdownPreviewContextMenu

beforeEach(() => {
  menuBuilderParameter = null
})

// Editor Context Menu
it('should make sure that no context menu is build if the passed editor instance was null', function () {
  const event = {
    pageX: 12,
    pageY: 12
  }
  buildEditorContextMenu(null, event)
  expect(menuBuilderParameter).toEqual(null)
})

it('should make sure that word suggestions are only requested if the word contained a typo', function () {
  spellcheck.getSpellingSuggestion = jest.fn()
  const editor = jest.fn()
  editor.coordsChar = jest.fn()
  editor.findWordAt = jest.fn(() => { return {anchor: {}, head: {}} })
  editor.getRange = jest.fn()
  editor.findMarks = jest.fn(() => [])
  const event = {
    pageX: 12,
    pageY: 12
  }
  const expectedMenuParameter = [ { role: 'cut' },
    { role: 'copy' },
    { role: 'paste' },
    { role: 'selectall' } ]
  buildEditorContextMenu(editor, event)
  expect(menuBuilderParameter).toEqual(expectedMenuParameter)
  expect(spellcheck.getSpellingSuggestion).not.toHaveBeenCalled()
})

it('should make sure that word suggestions are only requested if the word contained a typo and no other mark', function () {
  spellcheck.getSpellingSuggestion = jest.fn()
  spellcheck.getCSSClassName = jest.fn(() => 'dummyErrorClassName')
  const editor = jest.fn()
  editor.coordsChar = jest.fn()
  editor.findWordAt = jest.fn(() => { return {anchor: {}, head: {}} })
  editor.getRange = jest.fn()
  const dummyMarks = [
    {className: 'someStupidClassName'}
  ]
  editor.findMarks = jest.fn(() => dummyMarks)
  const event = {
    pageX: 12,
    pageY: 12
  }
  const expectedMenuParameter = [ { role: 'cut' },
    { role: 'copy' },
    { role: 'paste' },
    { role: 'selectall' } ]
  buildEditorContextMenu(editor, event)
  expect(menuBuilderParameter).toEqual(expectedMenuParameter)
  expect(spellcheck.getSpellingSuggestion).not.toHaveBeenCalled()
})

it('should make sure that word suggestions calls the right editor functions', function () {
  spellcheck.getSpellingSuggestion = jest.fn()
  spellcheck.getCSSClassName = jest.fn(() => 'dummyErrorClassName')
  const dummyCursor = {dummy: 'dummy'}
  const dummyRange = {anchor: {test: 'test'}, head: {test2: 'test2'}}
  const editor = jest.fn()
  editor.coordsChar = jest.fn(() => dummyCursor)
  editor.findWordAt = jest.fn(() => dummyRange)
  editor.getRange = jest.fn()
  const dummyMarks = [
    {className: 'someStupidClassName'}
  ]
  editor.findMarks = jest.fn(() => dummyMarks)
  const event = {
    pageX: 12,
    pageY: 21
  }

  const expectedCoordsCharCall = {left: event.pageX, top: event.pageY}

  buildEditorContextMenu(editor, event)

  expect(editor.coordsChar).toHaveBeenCalledWith(expectedCoordsCharCall)
  expect(editor.findWordAt).toHaveBeenCalledWith(dummyCursor)
  expect(editor.getRange).toHaveBeenCalledWith(dummyRange.anchor, dummyRange.head)
})

it('should make sure that word suggestions creates a correct menu if there was an error', function () {
  const suggestions = ['test1', 'test2', 'Pustekuchen']
  const errorClassName = 'errorCSS'
  const wordToCorrect = 'pustekuchen'
  const dummyMarks = [
    {className: errorClassName}
  ]
  spellcheck.getSpellingSuggestion = jest.fn(() => suggestions)
  spellcheck.getCSSClassName = jest.fn(() => errorClassName)
  const editor = jest.fn()
  editor.coordsChar = jest.fn()
  editor.findWordAt = jest.fn(() => { return {anchor: {}, head: {}} })
  editor.getRange = jest.fn(() => wordToCorrect)
  editor.findMarks = jest.fn(() => [])

  editor.findMarks = jest.fn(() => dummyMarks)
  const event = {
    pageX: 12,
    pageY: 12
  }
  buildEditorContextMenu(editor, event)
  expect(menuBuilderParameter[0].label).toEqual(suggestions[0])
  expect(menuBuilderParameter[0].click).not.toBeNull()
  expect(menuBuilderParameter[1].label).toEqual(suggestions[1])
  expect(menuBuilderParameter[1].click).not.toBeNull()
  expect(menuBuilderParameter[2].label).toEqual(suggestions[2])
  expect(menuBuilderParameter[2].click).not.toBeNull()
  expect(menuBuilderParameter[3].type).toEqual('separator')
  expect(menuBuilderParameter[4].role).toEqual('cut')
  expect(menuBuilderParameter[5].role).toEqual('copy')
  expect(menuBuilderParameter[6].role).toEqual('paste')
  expect(menuBuilderParameter[7].role).toEqual('selectall')
  expect(spellcheck.getSpellingSuggestion).toHaveBeenCalledWith(wordToCorrect)
})

// Markdown Preview Context Menu
it('should make sure that no context menu is built if the Markdown Preview instance was null', function () {
  const event = {
    pageX: 12,
    pageY: 12
  }
  buildMarkdownPreviewContextMenu(null, event)
  expect(menuBuilderParameter).toEqual(null)
})