require 'spec_helper'

describe Mastalk::Document do

  context 'Without mastalk syntax' do
    let(:context) { "###test\nwith markdown" }
    let(:expected) { "<h3 id=\"test\">test</h3>\n<p>with markdown</p>\n" }

    subject { Mastalk::Document.new(context) }

    it 'kramdown behaviour with no tags' do
      expect(Mastalk::Document.new('test').to_html).to eq("<p>test</p>\n")
    end

    it 'converts to html' do
      expect(subject.to_html).to eq(expected)
    end

    context 'multiline' do
      let(:expected) { "<h3 id=\"test\">TEST</h3>\n\n<p>with other stuff</p>\n\n" }
      let(:context) { "### TEST\r\n\r\nwith other stuff\r\n\r\n " }

      it 'converts to html' do
        expect(subject.to_html).to eq(expected)
      end
    end
  end

  subject { Mastalk::Document.new(source) }

  let(:expected) { "<div class=\"test\">test</div>\n" }

  context 'custom extension' do
    let(:source) { '$Etest$E' }

    it 'pre-processes custom tags' do
      subject.extension('$E') { |body| "<div class='test'>#{body}</div>" }
      expect(subject.to_html).to eq(expected)
    end

    context 'multi line' do
      let(:source) { '$Etest$E$Shello$FIN' }
      let(:expected) { "<div class=\"test\">test</div>\n<div class=\"test2\">hello</div>\n" }

      it 'processes multi line' do
        subject.extension('$E') { |body| "<div class='test'>#{body}</div>" }
        subject.extension('$S', '$FIN') { |body| "<div class='test2'>#{body}</div>" }
        expect(subject.to_html).to eq(expected)
      end
    end
  end

  context 'extension with start and stop' do
    let(:source) { '$STARTtest$END' }

    it 'pre-processes custom tags' do
      subject.extension('$START', '$END') { |body| "<div class='test'>#{body}</div>" }
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'extension with other extensions inside' do
    let(:source) { "$why\n###header\nbody\n$why" }

    let(:expected) { "<div class=\"why\">\n  <h3 id=\"header\">header</h3>\n<p>body</p>\n\n</div>\n" }

    it 'parses nested structures' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'with newline as end' do
    let(:source) { "$yes-no\n [y] yes [/y] \n [n] no [/n] \n $end $why\n###header\nbody\n$why" }

    let(:expected) do
      "<ul class=\"yes-no\"><li class=\"yes\">yes</li><li class=\"no\">no</li></ul>\n<div class=\"why\">
  <h3 id=\"header\">header</h3>\n<p>body</p>\n\n</div>\n"
    end

    it 'pre-processes custom tags' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'two matches after each other' do
    let(:source) { "$yes-no\n [y] **yes** [/y] \n $end $yes-no\ [n] **no** [/n] \n $end" }

    let(:expected) do
      "<ul class=\"yes-no\"><li class=\"yes\"><strong>yes</strong></li></ul><ul class=\"yes-no\"><li class=\"no\"><strong>no</strong></li></ul>"
    end

    it 'pre-processes correctly' do
      expect(subject.to_html.gsub("\n", '')).to eq(expected)
    end
  end

  context 'two callouts after each other' do
    let(:source) { "$~callout\n ##yes ~$ $~callout\n ##yes ~$" }

    let(:expected) do
      "<div class=\"callout\">\n  <h2 id=\"yes\">yes</h2>\n\n</div>\n<div class=\"callout\">\n  <h2 id=\"yes\">yes</h2>\n\n</div>\n"
    end

    it 'pre-processes correctly' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'ticks inside table' do
    let(:source) { "|table|header|\n|$yes-no [y] yes [/y] $end|here|" }

    let(:expected) do
      "<table>\n  <tbody>\n    <tr>\n      <td>table</td>\n      <td>header</td>\n    </tr>\n    <tr>\n      <td><ul class='yes-no'><li class=\"yes\">yes</li></ul></td>\n      <td>here</td>\n    </tr>\n  </tbody>\n</table>\n"
    end

    it 'outputs ticks inside a table' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'bullets inside table' do
    let(:source) { "|table|header|\n|$bullet [%] yes [/%] $point|here|" }

    let(:expected) do
      "<table>\n  <tbody>\n    <tr>\n      <td>table</td>\n      <td>header</td>\n    </tr>\n    <tr>\n      <td><ul><li>yes</li></ul></td>\n      <td>here</td>\n    </tr>\n  </tbody>\n</table>\n"
    end

    it 'outputs a bullet list inside a table' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'line breaks' do
    let(:source) { "@~ @~" }

    let(:expected) do
      "<p><br /> <br /></p>\n"
    end

    it 'outputs a line break' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'when brightcove video' do
    let(:video_id) { '3739688349001' }

    context 'without a title' do
      let(:source) { "$~brightcove_video#{video_id}~$" }

      it 'outputs the brightcove embed video' do
        expect(subject.to_html).to include("src=\"//players.brightcove.net/3608769895001/b15c0e6a-51da-4bb1-b717-bccae778670d_default/index.html?videoId=#{video_id}\"")
      end

      it 'outputs sets a default title on the iframe' do
        expect(subject.to_html).to include('title="Video"')
      end
    end

    context 'without a custom title' do
      let(:title) { 'a custom video title'}
      let(:source) { "$~brightcove_video#{video_id}\n#{title}~$" }

      it 'outputs the brightcove embed video' do
        expect(subject.to_html).to include("src=\"//players.brightcove.net/3608769895001/b15c0e6a-51da-4bb1-b717-bccae778670d_default/index.html?videoId=#{video_id}\"")
      end

      it 'outputs sets a default title on the iframe' do
        expect(subject.to_html).to include("title=\"#{title}\"")
      end
    end
  end

  context 'cost calculator' do
    let(:source) {"$~cost-calc1~$"}

    it 'pre-processes correctly' do
      expect(subject.to_html).to include('https://www.moneyadviceservice.org.uk/en/cost-calculator-builder/embed/calculators/1')
    end
  end

  context 'when youtube video (legacy format)' do
    let(:source) { '({oZ0_U108aZw})' }

    it 'outputs the youtube embed video' do
      expect(subject.to_html).to include('https://www.youtube.com/embed/oZ0_U108aZw?rel=0')
    end
  end

  context 'when youtube video (new format)' do
    let(:video_id) { 'oZ0_U108aZw' }

    context 'without a title' do
      let(:source) { "$~youtube_video#{video_id}~$" }

      it 'outputs the youtube embed video' do
        expect(subject.to_html).to include("src=\"https://www.youtube.com/embed/#{video_id}?rel=0\"")
      end

      it 'outputs sets a default title on the iframe' do
        expect(subject.to_html).to include('title="Video"')
      end
    end

    context 'without a custom title' do
      let(:title) { 'a custom video title' }
      let(:source) { "$~youtube_video#{video_id}\n#{title}~$" }

      it 'outputs the youtube embed video' do
        expect(subject.to_html).to include("src=\"https://www.youtube.com/embed/#{video_id}?rel=0\"")
      end

      it 'outputs sets a default title on the iframe' do
        expect(subject.to_html).to include("title=\"#{title}\"")
      end
    end
  end

  context 'when vimeo video' do
    let(:video_id) { '145743834' }

    context 'without a title' do
      let(:source) { "$~vimeo_video#{video_id}~$" }

      it 'outputs the vimeo embed video' do
        expect(subject.to_html).to include("src=\"https://player.vimeo.com/video/#{video_id}?portrait=0&title=0&byline=0\"")
      end

      it 'outputs sets a default title on the iframe' do
        expect(subject.to_html).to include('title="Video"')
      end
    end

    context 'without a custom title' do
      let(:title) { 'a custom video title' }
      let(:source) { "$~vimeo_video#{video_id}\n#{title}~$" }

      it 'outputs the vimeo embed video' do
        expect(subject.to_html).to include("src=\"https://player.vimeo.com/video/#{video_id}?portrait=0&title=0&byline=0\"")
      end

      it 'outputs sets a default title on the iframe' do
        expect(subject.to_html).to include("title=\"#{title}\"")
      end
    end
  end

  context 'block with media and content' do
    let(:source) { '$bl $bl_c Content bl_c$ $bl_m bl_m$ bl$' }

    let(:expected) do
      %(<div class="l-block">\n  <div class="l-block__content">  <div class="panel panel--block">    Content  </div></div><div class="l-block__media">  </div>\n</div>\n)
    end

    it 'outputs a block layout with media and content container blocks' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'collapsable section' do
    let(:source) { '$- -$' }

    let(:expected) do
      %(<div class="collapsible-section">\n  \n\n</div>\n)
    end

    it 'outputs a collapsible section block' do
      expect(subject.to_html).to eq(expected)
    end
  end

  context 'collapsable header' do
    let(:source) { '$= Content =$' }

    let(:expected) do
      %(<div class="collapsible">\n  <button class="unstyled-button">\n    <span class="icon icon--toggle"></span>\n    <span class=\"visually-hidden js-collapsable-hidden\"></span>\n     Content \n  </button>\n</div>\n)
    end

    it 'outputs a collapsible header' do
      expect(subject.to_html).to eq(expected)
    end
  end

end