# This tests just quoted text within a contenteditable. # # For a test of the basic component itself see # contenteditable-component-spec.cjsx # _ = require "underscore" React = require "react/addons" ReactTestUtils = React.addons.TestUtils ContenteditableComponent = require "../lib/contenteditable-component", describe "ContenteditableComponent", -> beforeEach -> @onChange = jasmine.createSpy('onChange') @html = 'Test HTML
' @component = ReactTestUtils.renderIntoDocument( ) @htmlWithQuote = 'Test HTML

QUOTE
' @componentWithQuote = ReactTestUtils.renderIntoDocument( ) describe "quoted-text-control", -> it "should be rendered", -> expect(ReactTestUtils.findRenderedDOMComponentWithClass(@component, 'quoted-text-control')).toBeDefined() it "should be visible if the html contains quoted text", -> @toggle = ReactTestUtils.findRenderedDOMComponentWithClass(@componentWithQuote, 'quoted-text-control') expect(@toggle.props.className.indexOf('no-quoted-text') >= 0).toBe(false) it "should be have `show-quoted-text` if showQuotedText is true", -> @componentWithQuote = ReactTestUtils.renderIntoDocument( ) @toggle = ReactTestUtils.findRenderedDOMComponentWithClass(@componentWithQuote, 'quoted-text-control') expect(@toggle.props.className.indexOf('show-quoted-text') >= 0).toBe(true) it "should not have `show-quoted-text` if showQuotedText is false", -> @componentWithQuote.setState(showQuotedText: false) @toggle = ReactTestUtils.findRenderedDOMComponentWithClass(@componentWithQuote, 'quoted-text-control') expect(@toggle.props.className.indexOf('show-quoted-text') >= 0).toBe(false) it "should be hidden otherwise", -> @toggle = ReactTestUtils.findRenderedDOMComponentWithClass(@component, 'quoted-text-control') expect(@toggle.props.className.indexOf('no-quoted-text') >= 0).toBe(true) describe "when showQuotedText is false", -> it "should not display quoted text", -> @editDiv = ReactTestUtils.findRenderedDOMComponentWithAttr(@componentWithQuote, 'contentEditable') expect(React.findDOMNode(@editDiv).innerHTML).toEqual @html describe "when showQuotedText is true", -> beforeEach -> @componentWithQuote = ReactTestUtils.renderIntoDocument( ) it "should display all the HTML", -> @componentWithQuote.setState(showQuotedText: true) @editDiv = ReactTestUtils.findRenderedDOMComponentWithAttr(@componentWithQuote, 'contentEditable') expect(React.findDOMNode(@editDiv).innerHTML.indexOf('gmail_quote') >= 0).toBe(true) describe "showQuotedText", -> it "should default to false", -> expect(@component.props.mode?.showQuotedText).toBeUndefined() describe "when the html is changed", -> beforeEach -> @changedHtmlWithoutQuote = 'Changed NEW 1 HTML

' @changedHtmlWithQuote = 'Changed NEW 1 HTML

QUOTE
' @performEdit = (newHTML, component = @componentWithQuote) => editDiv = ReactTestUtils.findRenderedDOMComponentWithAttr(component, 'contentEditable') React.findDOMNode(editDiv).innerHTML = newHTML ReactTestUtils.Simulate.input(editDiv, {target: {value: newHTML}}) describe "when showQuotedText is true", -> beforeEach -> @componentWithQuote = ReactTestUtils.renderIntoDocument( ) it "should call `props.onChange` with the entire HTML string", -> @componentWithQuote.setState(showQuotedText: true) @performEdit(@changedHtmlWithQuote) ev = @onChange.mostRecentCall.args[0] expect(ev.target.value).toEqual(@changedHtmlWithQuote) it "should allow the quoted text to be changed", -> changed = 'Test NEW 1 HTML
QUOTE CHANGED!!!
' @componentWithQuote.setState(showQuotedText: true) @performEdit(changed) ev = @onChange.mostRecentCall.args[0] expect(ev.target.value).toEqual(changed) describe "when showQuotedText is false", -> it "should let you change the text, and then append the quoted text part to the end before firing `onChange`", -> @componentWithQuote.setState(showQuotedText: false) @performEdit(@changedHtmlWithoutQuote) ev = @onChange.mostRecentCall.args[0] withQuote = "#{@changedHtmlWithQuote}" expect(ev.target.value).toEqual(withQuote) it "should work if the component does not contain quoted text", -> changed = 'Hallooo! NEW 1 HTML HTML HTML
' @component.setState(showQuotedText: true) @performEdit(changed, @component) ev = @onChange.mostRecentCall.args[0] expect(ev.target.value).toEqual(changed)