describe('MarkdownEditingDescriptor', function() {
  describe('save stores the correct data', function() {
    it('saves markdown from markdown editor', function() {
      loadFixtures('problem-with-markdown.html');
      this.descriptor = new MarkdownEditingDescriptor($('.problem-editor'));
      const saveResult = this.descriptor.save();
      expect(saveResult.metadata.markdown).toEqual('markdown');
      expect(saveResult.data).toXMLEqual('<problem>\n  <p>markdown</p>\n</problem>');
    });
    it('clears markdown when xml editor is selected', function() {
      loadFixtures('problem-with-markdown.html');
      this.descriptor = new MarkdownEditingDescriptor($('.problem-editor'));
      this.descriptor.createXMLEditor('replace with markdown');
      const saveResult = this.descriptor.save();
      expect(saveResult.nullout).toEqual(['markdown']);
      expect(saveResult.data).toEqual('replace with markdown');
    });
    it('saves xml from the xml editor', function() {
      loadFixtures('problem-without-markdown.html');
      this.descriptor = new MarkdownEditingDescriptor($('.problem-editor'));
      const saveResult = this.descriptor.save();
      expect(saveResult.nullout).toEqual(['markdown']);
      expect(saveResult.data).toEqual('xml only');
    });
  });

  describe('advanced editor opens correctly', () =>
    it('click on advanced editor should work', function() {
      loadFixtures('problem-with-markdown.html');
      this.descriptor = new MarkdownEditingDescriptor($('.problem-editor'));
      spyOn(this.descriptor, 'confirmConversionToXml').and.returnValue(true);
      expect(this.descriptor.confirmConversionToXml).not.toHaveBeenCalled();
      const e = jasmine.createSpyObj('e', [ 'preventDefault' ]);
      this.descriptor.onShowXMLButton(e);
      expect(e.preventDefault).toHaveBeenCalled();
      expect(this.descriptor.confirmConversionToXml).toHaveBeenCalled();
      expect($('.editor-bar').length).toEqual(0);
    })
  );

  describe('insertMultipleChoice', function() {
    it('inserts the template if selection is empty', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertMultipleChoice('');
      expect(revisedSelection).toEqual(MarkdownEditingDescriptor.multipleChoiceTemplate);
    });
    it('wraps existing text', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertMultipleChoice('foo\nbar');
      expect(revisedSelection).toEqual('( ) foo\n( ) bar\n');
    });
    it('recognizes x as a selection if there is non-whitespace after x', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertMultipleChoice('a\nx b\nc\nx \nd\n x e');
      expect(revisedSelection).toEqual('( ) a\n(x) b\n( ) c\n( ) x \n( ) d\n(x) e\n');
    });
    it('recognizes x as a selection if it is first non whitespace and has whitespace with other non-whitespace', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertMultipleChoice(' x correct\n x \nex post facto\nb x c\nx c\nxxp');
      expect(revisedSelection).toEqual('(x) correct\n( )  x \n( ) ex post facto\n( ) b x c\n(x) c\n( ) xxp\n');
    });
    it('removes multiple newlines but not last one', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertMultipleChoice('a\nx b\n\n\nc\n');
      expect(revisedSelection).toEqual('( ) a\n(x) b\n( ) c\n');
    });
  });

  describe('insertCheckboxChoice', function() {
    // Note, shares code with insertMultipleChoice. Therefore only doing smoke test.
    it('inserts the template if selection is empty', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertCheckboxChoice('');
      expect(revisedSelection).toEqual(MarkdownEditingDescriptor.checkboxChoiceTemplate);
    });
    it('wraps existing text', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertCheckboxChoice('foo\nbar');
      expect(revisedSelection).toEqual('[ ] foo\n[ ] bar\n');
    });
  });

  describe('insertStringInput', function() {
    it('inserts the template if selection is empty', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertStringInput('');
      expect(revisedSelection).toEqual(MarkdownEditingDescriptor.stringInputTemplate);
    });
    it('wraps existing text', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertStringInput('my text');
      expect(revisedSelection).toEqual('= my text');
    });
  });

  describe('insertNumberInput', function() {
    it('inserts the template if selection is empty', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertNumberInput('');
      expect(revisedSelection).toEqual(MarkdownEditingDescriptor.numberInputTemplate);
    });
    it('wraps existing text', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertNumberInput('my text');
      expect(revisedSelection).toEqual('= my text');
    });
  });

  describe('insertSelect', function() {
    it('inserts the template if selection is empty', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertSelect('');
      expect(revisedSelection).toEqual(MarkdownEditingDescriptor.selectTemplate);
    });
    it('wraps existing text', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertSelect('my text');
      expect(revisedSelection).toEqual('[[my text]]');
    });
  });

  describe('insertHeader', function() {
    it('inserts the template if selection is empty', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertHeader('');
      expect(revisedSelection).toEqual(MarkdownEditingDescriptor.headerTemplate);
    });
    it('wraps existing text', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertHeader('my text');
      expect(revisedSelection).toEqual('my text\n====\n');
    });
  });

  describe('insertExplanation', function() {
    it('inserts the template if selection is empty', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertExplanation('');
      expect(revisedSelection).toEqual(MarkdownEditingDescriptor.explanationTemplate);
    });
    it('wraps existing text', function() {
      const revisedSelection = MarkdownEditingDescriptor.insertExplanation('my text');
      expect(revisedSelection).toEqual('[explanation]\nmy text\n[explanation]');
    });
  });

  describe('markdownToXml', function() {
    it('converts raw text to paragraph', function() {
      const data = MarkdownEditingDescriptor.markdownToXml('foo');
      expect(data).toXMLEqual('<problem>\n  <p>foo</p>\n</problem>');
    });
    // test default templates
    it('converts numerical response to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`A numerical response problem accepts a line of text input from the student, and evaluates the input for correctness based on its numerical value.

The answer is correct if it is within a specified numerical tolerance of the expected answer.

Enter the numerical value of Pi:
= 3.14159 +- .02

Enter the approximate value of 502*9:
= 502*9 +- 15%

Enter the approximate number of atoms in a mol:
= 6.022e23 +- 10%

Enter the number of fingers on a human hand:
= 5

Range tolerance case
= [6, 7]
= (1, 2)

If first and last symbols are not brackets, or they are not closed, stringresponse will appear.
= (7), 7
= (1+2

Just input 100 test. Stringresponse will appear:
= 100 test

[Explanation]
Pi, or the the ratio between a circle's circumference to its diameter, is an irrational number known to extreme precision. It is value is approximately equal to 3.14.

Although you can get an exact value by typing 502*9 into a calculator, the result will be close to 500*10, or 5,000. The grader accepts any response within 15% of the true value, 4518, so that you can use any estimation technique that you like.

If you look at your hand, you can count that you have five fingers.
[Explanation]\
`);
      expect(data).toXMLEqual(`<problem>
  <p>A numerical response problem accepts a line of text input from the student, and evaluates the input for correctness based on its numerical value.</p>
  <p>The answer is correct if it is within a specified numerical tolerance of the expected answer.</p>
  <p>Enter the numerical value of Pi:</p>
  <numericalresponse answer="3.14159">
    <responseparam type="tolerance" default=".02" />
    <formulaequationinput />
  </numericalresponse>
  <p>Enter the approximate value of 502*9:</p>
  <numericalresponse answer="502*9">
    <responseparam type="tolerance" default="15%" />
    <formulaequationinput />
  </numericalresponse>
  <p>Enter the approximate number of atoms in a mol:</p>
  <numericalresponse answer="6.022e23">
    <responseparam type="tolerance" default="10%" />
    <formulaequationinput />
  </numericalresponse>
  <p>Enter the number of fingers on a human hand:</p>
  <numericalresponse answer="5">
    <formulaequationinput />
  </numericalresponse>
  <p>Range tolerance case</p>
  <numericalresponse answer="[6, 7]">
    <formulaequationinput />
  </numericalresponse>
  <numericalresponse answer="(1, 2)">
    <formulaequationinput />
  </numericalresponse>
  <p>If first and last symbols are not brackets, or they are not closed, stringresponse will appear.</p>
  <stringresponse answer="(7), 7" type="ci" >
    <textline size="20"/>
  </stringresponse>
  <stringresponse answer="(1+2" type="ci" >
    <textline size="20"/>
  </stringresponse>
  <p>Just input 100 test. Stringresponse will appear:</p>
  <stringresponse answer="100 test" type="ci" >
    <textline size="20"/>
  </stringresponse>
  <solution>
    <div class="detailed-solution">
      <p>Explanation</p>
      <p>Pi, or the the ratio between a circle's circumference to its diameter, is an irrational number known to extreme precision. It is value is approximately equal to 3.14.</p>
      <p>Although you can get an exact value by typing 502*9 into a calculator, the result will be close to 500*10, or 5,000. The grader accepts any response within 15% of the true value, 4518, so that you can use any estimation technique that you like.</p>
      <p>If you look at your hand, you can count that you have five fingers.</p>
    </div>
  </solution>
</problem>`);
    });
    it('will convert 0 as a numerical response (instead of string response)', function() {
      const data =  MarkdownEditingDescriptor.markdownToXml(`\
Enter 0 with a tolerance:
= 0 +- .02\
`);
      expect(data).toXMLEqual(`<problem>
<numericalresponse answer="0">
  <p>Enter 0 with a tolerance:</p>
  <responseparam type="tolerance" default=".02"/>
  <formulaequationinput/>
</numericalresponse>


</problem>`);
    });
    it('markup with additional answer does not break numerical response', function() {
      const data =  MarkdownEditingDescriptor.markdownToXml(`\
Enter 1 with a tolerance:
= 1 +- .02
or= 2\
`);
      expect(data).toXMLEqual(`<problem>
<numericalresponse answer="1">
  <p>Enter 1 with a tolerance:</p>
  <responseparam type="tolerance" default=".02"/>
  <additional_answer answer="2"/>
  <formulaequationinput/>
</numericalresponse>

</problem>`
      );
    });
    it('markup for numerical with multiple additional answers renders correctly', function() {
      const data =  MarkdownEditingDescriptor.markdownToXml(`\
Enter 1 with a tolerance:
= 1 +- .02
or= 2
or= 3\
`);
      expect(data).toXMLEqual(`<problem>
<numericalresponse answer="1">
  <p>Enter 1 with a tolerance:</p>
  <responseparam type="tolerance" default=".02"/>
  <additional_answer answer="2"/>
  <additional_answer answer="3"/>
  <formulaequationinput/>
</numericalresponse>

</problem>`
      );
    });
    it('Do not render ranged/tolerance/alphabetical additional answers for numerical response', function() {
      const data =  MarkdownEditingDescriptor.markdownToXml(`\
Enter 1 with a tolerance:
= 1 +- .02
or= 2
or= 3 +- 0.1
or= [4,6]
or= ABC
or= 7\
`);
      expect(data).toXMLEqual(`<problem>
<numericalresponse answer="1">
  <p>Enter 1 with a tolerance:</p>
  <responseparam type="tolerance" default=".02"/>
  <additional_answer answer="2"/>
  <additional_answer answer="7"/>
  <formulaequationinput/>
</numericalresponse>

</problem>`
      );
    });
    it('markup with feedback renders correctly in additional answer for numerical response', function() {
      const data =  MarkdownEditingDescriptor.markdownToXml(`\
Enter 1 with a tolerance:
= 100 +- .02 {{ main feedback }}
or= 10 {{ additional feedback }}\
`);
      expect(data).toXMLEqual(`<problem>
<numericalresponse answer="100">
  <p>Enter 1 with a tolerance:</p>
  <responseparam type="tolerance" default=".02"/>
  <additional_answer answer="10">
    <correcthint>additional feedback</correcthint>
  </additional_answer>
  <formulaequationinput/>
  <correcthint>main feedback</correcthint>
</numericalresponse>

</problem>`
      );
    });
    it('converts multiple choice to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`A multiple choice problem presents radio buttons for student input. Students can only select a single option presented. Multiple Choice questions have been the subject of many areas of research due to the early invention and adoption of bubble sheets.

One of the main elements that goes into a good multiple choice question is the existence of good distractors. That is, each of the alternate responses presented to the student should be the result of a plausible mistake that a student might make.

>>What Apple device competed with the portable CD player?<<
( ) The iPad
( ) Napster
(x) The iPod
( ) The vegetable peeler
( ) Android
( ) The Beatles

[Explanation]
The release of the iPod allowed consumers to carry their entire music library with them in a format that did not rely on fragile and energy-intensive spinning disks.
[Explanation]\
`);
      expect(data).toXMLEqual(`<problem>
    <multiplechoiceresponse>
        <p>A multiple choice problem presents radio buttons for student input. Students can only select a single option presented. Multiple Choice questions have been the subject of many areas of research due to the early invention and adoption of bubble sheets.</p>
        <p>One of the main elements that goes into a good multiple choice question is the existence of good distractors. That is, each of the alternate responses presented to the student should be the result of a plausible mistake that a student might make.</p>
        <label>What Apple device competed with the portable CD player?</label>
        <choicegroup type="MultipleChoice">
            <choice correct="false">The iPad</choice>
            <choice correct="false">Napster</choice>
            <choice correct="true">The iPod</choice>
            <choice correct="false">The vegetable peeler</choice>
            <choice correct="false">Android</choice>
            <choice correct="false">The Beatles</choice>
        </choicegroup>
        <solution>
            <div class="detailed-solution">
                <p>Explanation</p>
                <p>The release of the iPod allowed consumers to carry their entire music library with them in a format that did not rely on fragile and energy-intensive spinning disks.</p>
            </div>
        </solution>
    </multiplechoiceresponse>
</problem>`);
    });
    it('converts multiple choice shuffle to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`A multiple choice problem presents radio buttons for student input. Students can only select a single option presented. Multiple Choice questions have been the subject of many areas of research due to the early invention and adoption of bubble sheets.

One of the main elements that goes into a good multiple choice question is the existence of good distractors. That is, each of the alternate responses presented to the student should be the result of a plausible mistake that a student might make.

What Apple device competed with the portable CD player?
(!x@) The iPad
(@) Napster
() The iPod
( ) The vegetable peeler
( ) Android
(@) The Beatles

[Explanation]
The release of the iPod allowed consumers to carry their entire music library with them in a format that did not rely on fragile and energy-intensive spinning disks.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <multiplechoiceresponse>
        <p>A multiple choice problem presents radio buttons for student input. Students can only select a single option presented. Multiple Choice questions have been the subject of many areas of research due to the early invention and adoption of bubble sheets.</p>
        <p>One of the main elements that goes into a good multiple choice question is the existence of good distractors. That is, each of the alternate responses presented to the student should be the result of a plausible mistake that a student might make.</p>
        <p>What Apple device competed with the portable CD player?</p>
        <choicegroup type="MultipleChoice" shuffle="true">
            <choice correct="true" fixed="true">The iPad</choice>
            <choice correct="false" fixed="true">Napster</choice>
            <choice correct="false">The iPod</choice>
            <choice correct="false">The vegetable peeler</choice>
            <choice correct="false">Android</choice>
            <choice correct="false" fixed="true">The Beatles</choice>
        </choicegroup>
        <solution>
            <div class="detailed-solution">
                <p>Explanation</p>
                <p>The release of the iPod allowed consumers to carry their entire music library with them in a format that did not rely on fragile and energy-intensive spinning disks.</p>
            </div>
        </solution>
    </multiplechoiceresponse>
</problem>`);
    });

    it('converts a series of multiplechoice to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`bleh
(!x) a
() b
() c
yatta
( ) x
( ) y
(x) z
testa
(!) i
( ) ii
(x) iii
[Explanation]
When the student is ready, the explanation appears.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
  <p>bleh</p>
  <multiplechoiceresponse>
    <choicegroup type="MultipleChoice" shuffle="true">
      <choice correct="true">a</choice>
      <choice correct="false">b</choice>
      <choice correct="false">c</choice>
    </choicegroup>
  </multiplechoiceresponse>
  <p>yatta</p>
  <multiplechoiceresponse>
    <choicegroup type="MultipleChoice">
      <choice correct="false">x</choice>
      <choice correct="false">y</choice>
      <choice correct="true">z</choice>
    </choicegroup>
  </multiplechoiceresponse>
  <p>testa</p>
  <multiplechoiceresponse>
    <choicegroup type="MultipleChoice" shuffle="true">
      <choice correct="false">i</choice>
      <choice correct="false">ii</choice>
      <choice correct="true">iii</choice>
    </choicegroup>
  </multiplechoiceresponse>
  <solution>
    <div class="detailed-solution">
      <p>Explanation</p>
      <p>When the student is ready, the explanation appears.</p>
    </div>
  </solution>
</problem>`);
    });

    it('converts OptionResponse to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`OptionResponse gives a limited set of options for students to respond with, and presents those options in a format that encourages them to search for a specific answer rather than being immediately presented with options from which to recognize the correct answer.

The answer options and the identification of the correct answer is defined in the <b>optioninput</b> tag.

Translation between Option Response and __________ is extremely straightforward:
[[(Multiple Choice), String Response, Numerical Response, External Response, Image Response]]

[Explanation]
Multiple Choice also allows students to select from a variety of pre-written responses, although the format makes it easier for students to read very long response options. Optionresponse also differs slightly because students are more likely to think of an answer and then search for it rather than relying purely on recognition to answer the question.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <optionresponse>
        <p>OptionResponse gives a limited set of options for students to respond with, and presents those options in a format that encourages them to search for a specific answer rather than being immediately presented with options from which to recognize the correct answer.</p>
        <p>The answer options and the identification of the correct answer is defined in the <b>optioninput</b> tag.</p>
        <p>Translation between Option Response and __________ is extremely straightforward:</p>
        <optioninput options="('Multiple Choice','String Response','Numerical Response','External Response','Image Response')" correct="Multiple Choice"/>
        <solution>
            <div class="detailed-solution">
                <p>Explanation</p>
                <p>Multiple Choice also allows students to select from a variety of pre-written responses, although the format makes it easier for students to read very long response options. Optionresponse also differs slightly because students are more likely to think of an answer and then search for it rather than relying purely on recognition to answer the question.</p>
            </div>
        </solution>
    </optionresponse>
</problem>`);
    });
    it('converts StringResponse to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`A string response problem accepts a line of text input from the student, and evaluates the input for correctness based on an expected answer within each input box.

The answer is correct if it matches every character of the expected answer. This can be a problem with international spelling, dates, or anything where the format of the answer is not clear.

Which US state has Lansing as its capital?
= Michigan

[Explanation]
Lansing is the capital of Michigan, although it is not Michgan's largest city, or even the seat of the county in which it resides.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <stringresponse answer="Michigan" type="ci">
        <p>A string response problem accepts a line of text input from the student, and evaluates the input for correctness based on an expected answer within each input box.</p>
        <p>The answer is correct if it matches every character of the expected answer. This can be a problem with international spelling, dates, or anything where the format of the answer is not clear.</p>
        <p>Which US state has Lansing as its capital?</p>
        <textline size="20"/>
        <solution>
            <div class="detailed-solution">
            <p>Explanation</p>
            <p>Lansing is the capital of Michigan, although it is not Michgan's largest city, or even the seat of the county in which it resides.</p>
            </div>
        </solution>
    </stringresponse>
</problem>`);
    });
    it('converts StringResponse with regular expression to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`Who lead the civil right movement in the United States of America?
= | \w*\.?\s*Luther King\s*.*

[Explanation]
Test Explanation.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <stringresponse answer="w*.?s*Luther Kings*.*" type="ci regexp">
        <p>Who lead the civil right movement in the United States of America?</p>
        <textline size="20"/>
        <solution>
            <div class="detailed-solution">
            <p>Explanation</p>
            <p>Test Explanation.</p>
            </div>
        </solution>
    </stringresponse>
</problem>`);
    });
    it('converts StringResponse with multiple answers to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`Who lead the civil right movement in the United States of America?
= Dr. Martin Luther King Jr.
or= Doctor Martin Luther King Junior
or= Martin Luther King
or= Martin Luther King Junior

[Explanation]
Test Explanation.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <stringresponse answer="Dr. Martin Luther King Jr." type="ci">
        <p>Who lead the civil right movement in the United States of America?</p>
        <additional_answer answer="Doctor Martin Luther King Junior"/>
        <additional_answer answer="Martin Luther King"/>
        <additional_answer answer="Martin Luther King Junior"/>
        <textline size="20"/>
        <solution>
            <div class="detailed-solution">
            <p>Explanation</p>
            <p>Test Explanation.</p>
            </div>
        </solution>
    </stringresponse>
</problem>`);
    });
    it('converts StringResponse with multiple answers and regular expressions to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`Write a number from 1 to 4.
=| ^One$
or= two
or= ^thre+
or= ^4|Four$

[Explanation]
Test Explanation.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <stringresponse answer="^One$" type="ci regexp">
        <p>Write a number from 1 to 4.</p>
        <additional_answer answer="two"/>
        <additional_answer answer="^thre+"/>
        <additional_answer answer="^4|Four$"/>
        <textline size="20"/>
        <solution>
            <div class="detailed-solution">
            <p>Explanation</p>
            <p>Test Explanation.</p>
            </div>
        </solution>
    </stringresponse>
</problem>`);
    });
    // test labels
    it('converts markdown labels to label attributes', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`>>Who lead the civil right movement in the United States of America?<<
= | \w*\.?\s*Luther King\s*.*

[Explanation]
Test Explanation.
[Explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <stringresponse answer="w*.?s*Luther Kings*.*" type="ci regexp">
        <label>Who lead the civil right movement in the United States of America?</label>
        <textline size="20"/>
        <solution>
            <div class="detailed-solution">
            <p>Explanation</p>
            <p>Test Explanation.</p>
            </div>
        </solution>
    </stringresponse>
</problem>`);
    });
    it('handles multiple questions with labels', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
France is a country in Europe.

>>What is the capital of France?<<
= Paris

Germany is a country in Europe, too.

>>What is the capital of Germany?<<
( ) Bonn
( ) Hamburg
(x) Berlin
( ) Donut\
`);
      expect(data).toXMLEqual(`\
<problem>
    <p>France is a country in Europe.</p>

    <label>What is the capital of France?</label>
    <stringresponse answer="Paris" type="ci" >
        <textline size="20"/>
    </stringresponse>

    <p>Germany is a country in Europe, too.</p>

    <label>What is the capital of Germany?</label>
    <multiplechoiceresponse>
        <choicegroup type="MultipleChoice">
            <choice correct="false">Bonn</choice>
            <choice correct="false">Hamburg</choice>
            <choice correct="true">Berlin</choice>
            <choice correct="false">Donut</choice>
        </choicegroup>
    </multiplechoiceresponse>
</problem>`);
    });
    it('tests multiple questions with only one label', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
France is a country in Europe.

>>What is the capital of France?<<
= Paris

Germany is a country in Europe, too.

What is the capital of Germany?
( ) Bonn
( ) Hamburg
(x) Berlin
( ) Donut\
`);
      expect(data).toXMLEqual(`\
<problem>
    <p>France is a country in Europe.</p>

    <label>What is the capital of France?</label>
    <stringresponse answer="Paris" type="ci" >
        <textline size="20"/>
    </stringresponse>

    <p>Germany is a country in Europe, too.</p>

    <p>What is the capital of Germany?</p>
    <multiplechoiceresponse>
        <choicegroup type="MultipleChoice">
            <choice correct="false">Bonn</choice>
            <choice correct="false">Hamburg</choice>
            <choice correct="true">Berlin</choice>
            <choice correct="false">Donut</choice>
        </choicegroup>
    </multiplechoiceresponse>
</problem>`);
    });

    it('adds labels to formulae', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
>>Enter the numerical value of Pi:<<
= 3.14159 +- .02\
`);
      expect(data).toXMLEqual(`<problem>
<numericalresponse answer="3.14159">
  <label>Enter the numerical value of Pi:</label>
<responseparam type="tolerance" default=".02"/>
  <formulaequationinput/>
</numericalresponse>


</problem>`);
    });

    // test oddities
    it('converts headers and oddities to xml', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`Not a header
A header
==============

Multiple choice w/ parentheticals
( ) option (with parens)
( ) xd option (x)
()) parentheses inside
() no space b4 close paren

Choice checks
[ ] option1 [x]
[x] correct
[x] redundant
[(] distractor
[] no space

Option with multiple correct ones
[[one option, (correct one), (should not be correct)]]

Option with embedded parens
[[My (heart), another, (correct)]]

What happens w/ empty correct options?
[[()]]

[Explanation]see[/expLanation]

[explanation]
orphaned start

No p tags in the below
<script type='javascript'>
   var two = 2;

   console.log(two * 2);
</script>

But in this there should be
<div>
Great ideas require offsetting.

bad tests require drivel
</div>

[code]
Code should be nicely monospaced.
[/code]\
`);
      expect(data).toXMLEqual(`\
<problem>
  <p>Not a header</p>
  <h3 class="hd hd-2 problem-header">A header</h3>
  <p>Multiple choice w/ parentheticals</p>
  <multiplechoiceresponse>
    <choicegroup type="MultipleChoice">
      <choice correct="false">option (with parens)</choice>
      <choice correct="false">xd option (x)</choice>
      <choice correct="false">parentheses inside</choice>
      <choice correct="false">no space b4 close paren</choice>
    </choicegroup>
  </multiplechoiceresponse>
  <p>Choice checks</p>
  <choiceresponse>
    <checkboxgroup>
      <choice correct="false">option1 [x]</choice>
      <choice correct="true">correct</choice>
      <choice correct="true">redundant</choice>
      <choice correct="false">distractor</choice>
      <choice correct="false">no space</choice>
    </checkboxgroup>
  </choiceresponse>
  <p>Option with multiple correct ones</p>
  <optionresponse>
    <optioninput options="('one option','correct one','should not be correct')" correct="correct one"></optioninput>
  </optionresponse>
  <p>Option with embedded parens</p>
  <optionresponse>
    <optioninput options="('My (heart)','another','correct')" correct="correct"></optioninput>
  </optionresponse>
  <p>What happens w/ empty correct options?</p>
  <optionresponse>
    <optioninput options="('')" correct=""></optioninput>
  </optionresponse>
  <solution>
    <div class="detailed-solution">
      <p>Explanation</p>
      <p>see</p>
    </div>
  </solution>
  <p>[explanation]</p>
  <p>orphaned start</p>
  <p>No p tags in the below</p>
  <script type='javascript'>
   var two = 2;

   console.log(two * 2);
</script>
  <p>But in this there should be</p>
  <div>
    <p>Great ideas require offsetting.</p>
    <p>bad tests require drivel</p>
  </div>
  <pre>
    <code>Code should be nicely monospaced.
</code>
  </pre>
</problem>`);
    });

    it('can separate responsetypes based on ---', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
Multiple choice problems allow learners to select only one option. Learners can see all the options along with the problem text.

>>Which of the following countries has the largest population?<<
( ) Brazil {{ timely feedback -- explain why an almost correct answer is wrong }}
( ) Germany
(x) Indonesia
( ) Russia

[explanation]
According to September 2014 estimates:
The population of Indonesia is approximately 250 million.
The population of Brazil  is approximately 200 million.
The population of Russia is approximately 146 million.
The population of Germany is approximately 81 million.
[explanation]

---

Checkbox problems allow learners to select multiple options. Learners can see all the options along with the problem text.

>>The following languages are in the Indo-European family:<<
[x] Urdu
[ ] Finnish
[x] Marathi
[x] French
[ ] Hungarian

Note: Make sure you select all of the correct options—there may be more than one!

[explanation]
Urdu, Marathi, and French are all Indo-European languages, while Finnish and Hungarian are in the Uralic family.
[explanation]
\
`);
      expect(data).toXMLEqual(`\
<problem>
    <multiplechoiceresponse>
        <p>Multiple choice problems allow learners to select only one option. Learners can see all the options along with the problem text.</p>
        <label>Which of the following countries has the largest population?</label>
        <choicegroup type="MultipleChoice">
            <choice correct="false">Brazil <choicehint>timely feedback -- explain why an almost correct answer is wrong</choicehint>
            </choice>
            <choice correct="false">Germany</choice>
            <choice correct="true">Indonesia</choice>
            <choice correct="false">Russia</choice>
        </choicegroup>
        <solution>
            <div class="detailed-solution">
            <p>Explanation</p>
            <p>According to September 2014 estimates:</p>
            <p>The population of Indonesia is approximately 250 million.</p>
            <p>The population of Brazil  is approximately 200 million.</p>
            <p>The population of Russia is approximately 146 million.</p>
            <p>The population of Germany is approximately 81 million.</p>
            </div>
        </solution>
    </multiplechoiceresponse>

    <choiceresponse>
        <p>Checkbox problems allow learners to select multiple options. Learners can see all the options along with the problem text.</p>
        <label>The following languages are in the Indo-European family:</label>
        <checkboxgroup>
            <choice correct="true">Urdu</choice>
            <choice correct="false">Finnish</choice>
            <choice correct="true">Marathi</choice>
            <choice correct="true">French</choice>
            <choice correct="false">Hungarian</choice>
        </checkboxgroup>
        <p>Note: Make sure you select all of the correct options—there may be more than one!</p>
        <solution>
          <div class="detailed-solution">
          <p>Explanation</p>
          <p>Urdu, Marathi, and French are all Indo-European languages, while Finnish and Hungarian are in the Uralic family.</p>
          </div>
        </solution>
    </choiceresponse>
</problem>\
`);
    });

    it('can separate other things based on ---', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
Multiple choice problems allow learners to select only one option. Learners can see all the options along with the problem text.

---

>>Which of the following countries has the largest population?<<
( ) Brazil {{ timely feedback -- explain why an almost correct answer is wrong }}
( ) Germany
(x) Indonesia
( ) Russia

[explanation]
According to September 2014 estimates:
The population of Indonesia is approximately 250 million.
The population of Brazil  is approximately 200 million.
The population of Russia is approximately 146 million.
The population of Germany is approximately 81 million.
[explanation]\
`);
      expect(data).toXMLEqual(`\
<problem>
    <p>Multiple choice problems allow learners to select only one option. Learners can see all the options along with the problem text.</p>

    <multiplechoiceresponse>
        <label>Which of the following countries has the largest population?</label>
        <choicegroup type="MultipleChoice">
            <choice correct="false">Brazil <choicehint>timely feedback -- explain why an almost correct answer is wrong</choicehint>
            </choice>
            <choice correct="false">Germany</choice>
            <choice correct="true">Indonesia</choice>
            <choice correct="false">Russia</choice>
        </choicegroup>
        <solution>
            <div class="detailed-solution">
            <p>Explanation</p>
            <p>According to September 2014 estimates:</p>
            <p>The population of Indonesia is approximately 250 million.</p>
            <p>The population of Brazil  is approximately 200 million.</p>
            <p>The population of Russia is approximately 146 million.</p>
            <p>The population of Germany is approximately 81 million.</p>
            </div>
        </solution>
    </multiplechoiceresponse>
</problem>\
`);
    });

    it('can do separation if spaces are present around ---', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
>>The following languages are in the Indo-European family:||There are three correct choices.<<
[x] Urdu
[ ] Finnish
[x] Marathi
[x] French
[ ] Hungarian

        ---

>>Which of the following countries has the largest population?||You have only choice.<<
( ) Brazil {{ timely feedback -- explain why an almost correct answer is wrong }}
( ) Germany
(x) Indonesia
( ) Russia\
`);
      expect(data).toXMLEqual(`\
<problem>
    <choiceresponse>
        <label>The following languages are in the Indo-European family:</label>
        <description>There are three correct choices.</description>
        <checkboxgroup>
            <choice correct="true">Urdu</choice>
            <choice correct="false">Finnish</choice>
            <choice correct="true">Marathi</choice>
            <choice correct="true">French</choice>
            <choice correct="false">Hungarian</choice>
        </checkboxgroup>
    </choiceresponse>

    <multiplechoiceresponse>
        <label>Which of the following countries has the largest population?</label>
        <description>You have only choice.</description>
        <choicegroup type="MultipleChoice">
            <choice correct="false">Brazil
                <choicehint>timely feedback -- explain why an almost correct answer is wrong</choicehint>
            </choice>
            <choice correct="false">Germany</choice>
            <choice correct="true">Indonesia</choice>
            <choice correct="false">Russia</choice>
        </choicegroup>
    </multiplechoiceresponse>
</problem>\
`);
    });

    it('can extract question description', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
>>The following languages are in the Indo-European family:||Choose wisely.<<
[x] Urdu
[ ] Finnish
[x] Marathi
[x] French
[ ] Hungarian\
`);
      expect(data).toXMLEqual(`\
<problem>
    <choiceresponse>
        <label>The following languages are in the Indo-European family:</label>
        <description>Choose wisely.</description>
        <checkboxgroup>
            <choice correct="true">Urdu</choice>
            <choice correct="false">Finnish</choice>
            <choice correct="true">Marathi</choice>
            <choice correct="true">French</choice>
            <choice correct="false">Hungarian</choice>
        </checkboxgroup>
    </choiceresponse>
</problem>\
`);
    });

    it('can handle question and description spanned across multiple lines', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
>>The following languages
are in the
Indo-European family:
||
first second
third
<<
[x] Urdu
[ ] Finnish
[x] Marathi\
`);
      expect(data).toXMLEqual(`\
<problem>
    <choiceresponse>
        <label>The following languages are in the Indo-European family:</label>
        <description>first second third</description>
        <checkboxgroup>
            <choice correct="true">Urdu</choice>
            <choice correct="false">Finnish</choice>
            <choice correct="true">Marathi</choice>
        </checkboxgroup>
    </choiceresponse>
</problem>\
`);
    });

    it('will not add empty description', function() {
      const data = MarkdownEditingDescriptor.markdownToXml(`\
>>The following languages are in the Indo-European family:||<<
[x] Urdu
[ ] Finnish\
`);
      expect(data).toXMLEqual(`\
<problem>
    <choiceresponse>
        <label>The following languages are in the Indo-European family:</label>
        <checkboxgroup>
            <choice correct="true">Urdu</choice>
            <choice correct="false">Finnish</choice>
        </checkboxgroup>
    </choiceresponse>
</problem>\
`);
    });

    it('should throw error if an option does not have any text associated with it', function() {
      let problemContent = `\
>>The following languages are in the Indo-European family:||<<
[ ]
[x] Urdu
[ ] Finnish\
`
      expect(function(){ MarkdownEditingDescriptor.markdownToXml(problemContent); }).toThrow(
        new Error(gettext("An answer option has been left blank. Please review and edit the component."))
      );

      problemContent = `\
>>The following languages are in the Indo-European family:||<<
( )
(x) Urdu
( ) Finnish\
`
      expect(function(){ MarkdownEditingDescriptor.markdownToXml(problemContent); }).toThrow(
        new Error(gettext("An answer option has been left blank. Please review and edit the component."))
      );
    });
  });
});