discourse/spec/system/image_grid_carousel_spec.rb
2026-03-20 00:39:52 +01:00

111 lines
3.2 KiB
Ruby

# frozen_string_literal: true
describe "Image Carousel" do
fab!(:current_user, :admin)
fab!(:upload1) do
UploadCreator.new(file_from_fixtures("logo.png", "images"), "logo.png").create_for(
current_user.id,
)
end
fab!(:upload2) do
UploadCreator.new(file_from_fixtures("logo.jpg", "images"), "logo.jpg").create_for(
current_user.id,
)
end
let(:composer) { PageObjects::Components::Composer.new }
let(:topic_page) { PageObjects::Pages::Topic.new }
before { sign_in(current_user) }
it "renders a carousel in the post stream" do
post = create_post(raw: <<~MD)
[grid mode=carousel]
![logo|100x100](#{upload1.short_url})
![logo|100x100](#{upload2.short_url})
[/grid]
MD
topic_page.visit_topic(post.topic, post_number: post.post_number)
carousel = PageObjects::Components::ImageCarousel.new(post.post_number)
expect(carousel).to have_carousel
expect(carousel).to have_mode("carousel")
expect(carousel).to have_track
expect(carousel).to have_slides(count: 2)
end
it "wraps around in carousel mode" do
post = create_post(raw: <<~MD)
[grid mode=carousel]
![logo|100x100](#{upload1.short_url})
![logo|100x100](#{upload2.short_url})
[/grid]
MD
topic_page.visit_topic(post.topic, post_number: post.post_number)
carousel = PageObjects::Components::ImageCarousel.new(post.post_number)
expect(carousel).to have_active_slide_index(0)
carousel.click_prev
expect(carousel).to have_active_slide_index(1)
carousel.click_next
expect(carousel).to have_active_slide_index(0)
carousel.click_next
expect(carousel).to have_active_slide_index(1)
carousel.click_next
expect(carousel).to have_active_slide_index(0)
end
it "keyboard navigation wraps around in carousel mode" do
post = create_post(raw: <<~MD)
[grid mode=carousel]
![logo|100x100](#{upload1.short_url})
![logo|100x100](#{upload2.short_url})
[/grid]
MD
topic_page.visit_topic(post.topic, post_number: post.post_number)
carousel = PageObjects::Components::ImageCarousel.new(post.post_number)
carousel.focus_track
send_keys(:left)
expect(carousel).to have_active_slide_index(1)
wait_for_timeout(150) # we throttle keyboard actions
send_keys(:right)
expect(carousel).to have_active_slide_index(0)
end
it "allows changing modes in the rich text editor", js: true do
SiteSetting.rich_editor = true
SiteSetting.post_menu_hidden_items = ""
current_user.user_option.update!(composition_mode: 1)
post = create_post(raw: <<~MD)
[grid mode=carousel]
![logo|100x100](#{upload1.short_url})
[/grid]
MD
topic_page.visit_topic(post.topic, post_number: post.post_number)
expect(topic_page).to have_post_action_button(post, :edit)
topic_page.click_post_action_button(post, :edit)
expect(composer).to be_opened
expect(composer).to have_rich_editor_active
expect(composer.image_grid).to have_mode_select
composer.image_grid.select_mode("Grid")
expect(composer.image_grid).to have_selected_mode("grid")
composer.toggle_rich_editor
expect(composer.composer_input.value).to include("[grid]")
end
end