require 'spec_helper'

feature 'ImageLayers > Edit', js: true do
  include NamedFactories

  scenario 'editing an existing image layer' do
    image_layer_1a1

    capybara_sign_in user_1
    visit "/flms/blocks/#{block_1a.id}/edit"

    # click on the 'edit' button.
    click_link "edit-layer-#{image_layer_1a1.id}"

    fill_in 'Name', with: 'new-layer-name'
    select 'linear', from: 'image_layer_easing_function'
    check 'Hide at end'
    check 'Active'

    select 'contain', from: 'image_layer_image_display_mode'

    fill_in 'image_layer_start_state_keyframe_attributes_scroll_start', with: 1
    fill_in 'image_layer_start_state_keyframe_attributes_scroll_duration', with: '2'
    fill_in 'image_layer_start_state_keyframe_attributes_opacity_percent', with: '50'
    fill_in 'image_layer_start_state_keyframe_attributes_scale_percent', with: '25'
    fill_in 'image_layer_start_state_keyframe_attributes_blur_percent', with: '50'
    select 'center', from: 'image_layer_start_state_keyframe_attributes_position_name'
    fill_in 'image_layer_start_state_keyframe_attributes_margin_left_percent', with: '10'
    fill_in 'image_layer_start_state_keyframe_attributes_margin_top_percent', with: '20'

    fill_in 'image_layer_target_state_keyframe_attributes_scroll_duration', with: '3'
    select 'center', from: 'image_layer_target_state_keyframe_attributes_position_name'
    fill_in 'image_layer_target_state_keyframe_attributes_margin_left_percent', with: '10'
    fill_in 'image_layer_target_state_keyframe_attributes_margin_top_percent', with: '20'

    fill_in 'image_layer_end_state_keyframe_attributes_scroll_duration', with: '4'
    fill_in 'image_layer_end_state_keyframe_attributes_opacity_percent', with: '60'
    fill_in 'image_layer_end_state_keyframe_attributes_scale_percent', with: '30'
    fill_in 'image_layer_end_state_keyframe_attributes_blur_percent', with: '60'
    select 'center', from: 'image_layer_end_state_keyframe_attributes_position_name'
    fill_in 'image_layer_end_state_keyframe_attributes_margin_left_percent', with: '10'
    fill_in 'image_layer_end_state_keyframe_attributes_margin_top_percent', with: '20'

    click_button 'Update Image layer'

    # Expect to be back at the block edit page.
    expect(current_path).to eql "/flms/blocks/#{block_1a.id}/edit"

    # Check database updates.
    expect(Flms::Layer).to have(1).instances
    expect(Flms::Layer.first.name).to eql 'new-layer-name'
    expect(Flms::Layer.first.active).to be_true
  end
end