enhanceable_content_spec.rb

require File.expand_path(File.dirname(__FILE__) + '/common')

describe "enhanceable_content" do
  include_examples "in-process server selenium tests"

  it "should automatically enhance content using jQuery UI" do
    stub_kaltura
    course_with_teacher_logged_in

    page = @course.wiki.wiki_pages.build(:title => 'title')
    page.body = %{
      <div id="dialog_for_link1" class="enhanceable_content dialog">dialog for link 1</div>
      <a href="#dialog_for_link1" id="link1">link 1</a>

      <div class="enhanceable_content draggable" style="width: 100px;">draggable</div>

      <div class="enhanceable_content resizable" style="width: 100px;">resizable</div>

      <ul class="enhanceable_content sortable" style="display: none;">
        <li>item 1</li>
        <li>item 2</li>
      </ul>

      <div class="enhanceable_content accordion">
        <h3><a href="#">Section 1</a></h3>
        <div>
          <p>
            Section 1 Content
          </p>
        </div>
        <h3><a href="#">Section 2</a></h3>
        <div>
          <p>
            Section 2 Content
          </p>
        </div>
        <h3><a href="#">Section 3</a></h3>
        <div>
          <p>
            Section 3 Content
          </p>
          <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
          </ul>
        </div>
      </div>

      <div class="enhanceable_content tabs">
        <ul>
            <li><a href="#fragment-1"><span>One</span></a></li>
            <li><a href="#fragment-2"><span>Two</span></a></li>
            <li><a href="#fragment-3"><span>Three</span></a></li>
        </ul>
        <div id="fragment-1">
            <p>First tab is active by default:</p>
            <pre><code>$('#example').tabs();</code></pre>
        </div>
        <div id="fragment-2">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>
        <div id="fragment-3">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>
      </div>

      <a id="media_comment_0_deadbeef" class="instructure_file_link instructure_video_link" title="Video.mp4" href="/courses/1/files/1/download?wrap=1">Video</a>
    }
    page.save!

    get "/courses/#{@course.id}/wiki/#{page.url}"

    dialog = f(".enhanceable_content.dialog")

    # need to wait for the content to get enhanced (it happens in instructure.js in a setTimeout of 1000 ms)
    keep_trying_until {
      f("#link1").click
      expect(dialog).to be_displayed
      expect(dialog).to have_class('ui-dialog')
    }
    f(".ui-dialog .ui-dialog-titlebar-close").click
    expect(dialog).not_to be_displayed

    expect(f(".enhanceable_content.draggable")).to have_class('ui-draggable')
    expect(f(".enhanceable_content.resizable")).to have_class('ui-resizable')

    ul = f(".enhanceable_content.sortable")
    expect(ul).to be_displayed
    expect(ul).to have_class('ui-sortable')

    accordion = f(".enhanceable_content.accordion")
    expect(accordion).to have_class('ui-accordion')
    headers = accordion.find_elements(:css, ".ui-accordion-header")
    expect(headers.length).to eq 3
    divs = accordion.find_elements(:css, ".ui-accordion-content")
    expect(divs.length).to eq 3
    expect(headers[0]).to have_class('ui-state-active')
    expect(divs[0]).to be_displayed
    expect(divs[1]).not_to be_displayed
    headers[1].click
    wait_for_ajaximations
    expect(headers[0]).to have_class('ui-state-default')
    expect(headers[1]).to have_class('ui-state-active')
    expect(divs[0]).not_to be_displayed
    expect(divs[1]).to be_displayed


    tabs = f(".enhanceable_content.tabs")
    expect(tabs).to have_class('ui-tabs')
    headers = tabs.find_elements(:css, ".ui-tabs-nav li")
    expect(headers.length).to eq 3
    divs = tabs.find_elements(:css, ".ui-tabs-panel")
    expect(divs.length).to eq 3
    expect(headers[0]).to have_class('ui-state-active')
    expect(headers[1]).to have_class('ui-state-default')
    expect(divs[0]).to be_displayed
    expect(divs[1]).not_to be_displayed
    
    expect(f('#media_comment_0_deadbeef span.media_comment_thumbnail')).not_to be_nil
  end

  context "media file preview thumbnails" do
    before :each do
      stub_kaltura
      course(:active_all => true)

      @attachment = @course.attachments.create!(:uploaded_data => stub_file_data('video1.mp4', nil, 'video/mp4'))
      @page = @course.wiki.wiki_pages.build(:title => 'title')
      @page.body = %{
        <a id="media_comment_0_deadbeef" class="instructure_file_link instructure_video_link" title="Video.mp4"
          href="/courses/#{@course.id}/files/#{@attachment.id}/download?wrap=1">Video</a>
      }
      @page.save!
    end

    it "should show for students" do
      student_in_course(:course => @course, :active_user => true)
      user_session(@student)
      get "/courses/#{@course.id}/wiki/#{@page.url}"
      expect(f('#media_comment_0_deadbeef span.media_comment_thumbnail')).to_not be_nil
    end

    describe "for locked files" do
      before :each do
        @attachment.locked = true
        @attachment.save!
      end

      it "should not show for students" do
        student_in_course(:course => @course, :active_user => true)
        user_session(@student)
        get "/courses/#{@course.id}/wiki/#{@page.url}"
        expect(f('#media_comment_0_deadbeef span.media_comment_thumbnail')).to be_nil
      end

      it "should show for teachers" do
        teacher_in_course(:course => @course, :active_user => true)
        user_session(@teacher)
        get "/courses/#{@course.id}/wiki/#{@page.url}"
        expect(f('#media_comment_0_deadbeef span.media_comment_thumbnail')).to_not be_nil
      end
    end
  end
end