replacement_spec.js

describe("Replacement functions", function() {

  it("won't generate an editor for an ambiguous (duplicated) section, where replacement server side could apply to the wrong section", function() {
    fixture = loadFixtures('index.html');
    var html = "Unique text.\n\nDuplicated text.\n\nDuplicated text.";
    $('.markdown').html(html);
    var editor = inlineMarkdownEditor({
      replaceUrl: '/wiki/replace/',
      selector: '.markdown'
    });
    expect($('.inline-edit-form textarea').length).toBe(1);
  });

  it("it correctly splits up mixed HTML and markdown into sections", function(done) {
    fixture = loadFixtures('index.html');
    var html = "<div>lala</div>\n\nhey<table class='hey'><p><table></table></p></table>\n\n## Markdown\n\n<p>Hi there</p>\n\n* One\n* Two\n\n<table class='hey'><p><table></table></p></table>\n\nSo <p></p> shouldn't match\n\nAnd `<p></p>` shouldn't match either";
    // note that <table>s here are improperly nested but we still want to treat them as a section

    $('.markdown').html(html);

    var editor = inlineMarkdownEditor({
      replaceUrl: '/wiki/replace/',
      selector: '.markdown'
    });

    // ok, but now so 'hey' is split from the html.

    expect(editor.sections.length).toBe(9);
    expect($('.inline-section').toArray().length).toBe(9);
    expect($('.inline-edit-btn').toArray().length).toBe(2); // two should be editable
    done();
  });

  it("sends exactly matching original text and 'before' parameters", function(done) {
    
    fixture = loadFixtures('index.html');
    var html     = "## Headings [with](/links)";
    var new_html = "## Headings [with](/links) and other things";
    $('.markdown').html(html);

    var editor = inlineMarkdownEditor({
      replaceUrl: '/wiki/replace/',
      selector: '.markdown',
      submitSectionForm: submitSectionForm
    });
   
    function submitSectionForm(e, props) {
      expect(props.originalSectionMarkdown).toBe(html);
      expect(props.changes).toBe(new_html);
      expect(props.originalSectionMarkdown).not.toBe(props.changes);
      done();
    }
     
    // generate an editor by clicking the pencil button
    $('.inline-edit-btn').click();

    $('.inline-edit-form textarea').html(new_html);
    
    // trigger a section save:
    $('.inline-edit-form:last button.submit').click();
    expect(editor.options.submitSectionForm).toBe(submitSectionForm);
    expect(editor.options.originalMarkdown).toBe(html);
    
  });

});