mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-21 15:56:10 +08:00
886328ff7a
Great breakdown of React changes here: https://github.com/facebook/react/blob/master/CHANGELOG.md#0140-october-7-2015 Due to deprecation warnings, I don't think this will break third-party extensions unless they were doing really bad things.
85 lines
3 KiB
CoffeeScript
85 lines
3 KiB
CoffeeScript
# This tests the basic Contenteditable component. For various modules of
|
|
# the contenteditable (such as selection, tooltip, quoting, etc) see the
|
|
# related test files.
|
|
#
|
|
_ = require "underscore"
|
|
fs = require 'fs'
|
|
React = require "react"
|
|
ReactDOM = require 'react-dom'
|
|
ReactTestUtils = require('react-addons-test-utils')
|
|
Contenteditable = require "../../src/components/contenteditable/contenteditable",
|
|
|
|
describe "Contenteditable", ->
|
|
beforeEach ->
|
|
@onChange = jasmine.createSpy('onChange')
|
|
html = 'Test <strong>HTML</strong>'
|
|
@component = ReactTestUtils.renderIntoDocument(
|
|
<Contenteditable html={html} onChange={@onChange}/>
|
|
)
|
|
@editableNode = ReactDOM.findDOMNode(@component).querySelector('[contenteditable]')
|
|
|
|
describe "render", ->
|
|
it 'should render into the document', ->
|
|
expect(ReactTestUtils.isCompositeComponentWithType @component, Contenteditable).toBe true
|
|
|
|
it "should include a content-editable div", ->
|
|
expect(@editableNode).toBeDefined()
|
|
|
|
describe "when the html is changed", ->
|
|
beforeEach ->
|
|
@changedHtmlWithoutQuote = 'Changed <strong>NEW 1 HTML</strong><br>'
|
|
|
|
@performEdit = (newHTML, component = @component) =>
|
|
@editableNode.innerHTML = newHTML
|
|
|
|
it "should fire `props.onChange`", ->
|
|
runs =>
|
|
@performEdit('Test <strong>New HTML</strong>')
|
|
waitsFor =>
|
|
@onChange.calls.length > 0
|
|
runs =>
|
|
expect(@onChange).toHaveBeenCalled()
|
|
|
|
# One day we may make this more efficient. For now we aggressively
|
|
# re-render because of the manual cursor positioning.
|
|
it "should fire if the html is the same", ->
|
|
expect(@onChange.callCount).toBe(0)
|
|
runs =>
|
|
@performEdit(@changedHtmlWithoutQuote)
|
|
@performEdit(@changedHtmlWithoutQuote)
|
|
waitsFor =>
|
|
@onChange.callCount > 0
|
|
runs =>
|
|
expect(@onChange).toHaveBeenCalled()
|
|
|
|
describe "pasting", ->
|
|
beforeEach ->
|
|
|
|
describe "when a file item is present", ->
|
|
beforeEach ->
|
|
@mockEvent =
|
|
preventDefault: jasmine.createSpy('preventDefault')
|
|
clipboardData:
|
|
items: [{
|
|
kind: 'file'
|
|
type: 'image/png'
|
|
getAsFile: -> new Blob(['12341352312411'], {type : 'image/png'})
|
|
}]
|
|
|
|
it "should save the image to a temporary file and call `onFilePaste`", ->
|
|
onPaste = jasmine.createSpy('onPaste')
|
|
@component = ReactTestUtils.renderIntoDocument(
|
|
<Contenteditable html={''} onChange={@onChange} onFilePaste={onPaste} />
|
|
)
|
|
@editableNode = ReactDOM.findDOMNode(@component).querySelector('[contenteditable]')
|
|
runs ->
|
|
ReactTestUtils.Simulate.paste(@editableNode, @mockEvent)
|
|
waitsFor ->
|
|
onPaste.callCount > 0
|
|
runs ->
|
|
path = require('path')
|
|
file = onPaste.mostRecentCall.args[0]
|
|
expect(path.basename(file)).toEqual('Pasted File.png')
|
|
contents = fs.readFileSync(file)
|
|
expect(contents.toString()).toEqual('12341352312411')
|