# frozen_string_literal: true require 'spec_helper' RSpec.describe 'Admin Appearance', feature_category: :shared do let!(:appearance) { create(:appearance) } let(:admin) { create(:admin) } flag_values = [true, false] flag_values.each do |val| before do stub_feature_flags(restyle_login_page: val) end it 'create new appearance' do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path fill_in 'appearance_title', with: 'MyCompany' fill_in 'appearance_description', with: 'dev server' fill_in 'appearance_pwa_name', with: 'GitLab PWA' fill_in 'appearance_pwa_short_name', with: 'GitLab' fill_in 'appearance_pwa_description', with: 'GitLab as PWA' fill_in 'appearance_new_project_guidelines', with: 'Custom project guidelines' fill_in 'appearance_profile_image_guidelines', with: 'Custom profile image guidelines' click_button 'Update appearance settings' expect(page).to have_current_path admin_application_settings_appearances_path, ignore_query: true expect(page).to have_content 'Appearance' expect(page).to have_field('appearance_title', with: 'MyCompany') expect(page).to have_field('appearance_description', with: 'dev server') expect(page).to have_field('appearance_pwa_name', with: 'GitLab PWA') expect(page).to have_field('appearance_pwa_short_name', with: 'GitLab') expect(page).to have_field('appearance_pwa_description', with: 'GitLab as PWA') expect(page).to have_field('appearance_new_project_guidelines', with: 'Custom project guidelines') expect(page).to have_field('appearance_profile_image_guidelines', with: 'Custom profile image guidelines') expect(page).to have_content 'Last edit' end it 'preview sign-in page appearance' do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path click_link "Sign-in page" expect(find('#login')).to be_disabled expect(find('#password')).to be_disabled expect(find('button')).to be_disabled expect_custom_sign_in_appearance(appearance) end it 'preview new project page appearance', :js do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path click_link "New project page" expect_custom_new_project_appearance(appearance) end context 'Custom system header and footer' do before do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) end context 'when system header and footer messages are empty' do it 'shows custom system header and footer fields' do visit admin_application_settings_appearances_path expect(page).to have_field('appearance_header_message', with: '') expect(page).to have_field('appearance_footer_message', with: '') expect(page).to have_field('appearance_message_background_color') expect(page).to have_field('appearance_message_font_color') end end context 'when system header and footer messages are not empty' do before do appearance.update!(header_message: 'Foo', footer_message: 'Bar') end it 'shows custom system header and footer fields' do visit admin_application_settings_appearances_path expect(page).to have_field('appearance_header_message', with: appearance.header_message) expect(page).to have_field('appearance_footer_message', with: appearance.footer_message) expect(page).to have_field('appearance_message_background_color') expect(page).to have_field('appearance_message_font_color') end end end it 'custom sign-in page' do visit new_user_session_path expect_custom_sign_in_appearance(appearance) end it 'custom new project page', :js do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit new_project_path click_link 'Create blank project' expect_custom_new_project_appearance(appearance) end context 'Profile page with custom profile image guidelines' do before do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path fill_in 'appearance_profile_image_guidelines', with: 'Custom profile image guidelines, please :smile:!' click_button 'Update appearance settings' end it 'renders guidelines when set' do sign_in create(:user) visit profile_path expect(page).to have_content 'Custom profile image guidelines, please 😄!' end end it 'appearance logo' do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path attach_file(:appearance_logo, logo_fixture) click_button 'Update appearance settings' expect(page).to have_css(logo_selector) click_link 'Remove logo' expect(page).not_to have_css(logo_selector) end it 'appearance pwa icon' do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path attach_file(:appearance_pwa_icon, logo_fixture) click_button 'Update appearance settings' expect(page).to have_css(pwa_icon_selector) click_link 'Remove icon' expect(page).not_to have_css(pwa_icon_selector) end it 'header logos' do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path attach_file(:appearance_header_logo, logo_fixture) click_button 'Update appearance settings' expect(page).to have_css(header_logo_selector) click_link 'Remove header logo' expect(page).not_to have_css(header_logo_selector) end it 'Favicon' do sign_in(admin) gitlab_enable_admin_mode_sign_in(admin) visit admin_application_settings_appearances_path attach_file(:appearance_favicon, logo_fixture) click_button 'Update appearance settings' expect(page).to have_css('.appearance-light-logo-preview') click_link 'Remove favicon' expect(page).not_to have_css('.appearance-light-logo-preview') # allowed file types attach_file(:appearance_favicon, Rails.root.join('spec', 'fixtures', 'sanitized.svg')) click_button 'Update appearance settings' expect(page).to have_content 'Favicon You are not allowed to upload "svg" files, allowed types: png, ico' end end def expect_custom_sign_in_appearance(appearance) expect(page).to have_content appearance.title expect(page).to have_content appearance.description end def expect_custom_new_project_appearance(appearance) expect(page).to have_content appearance.new_project_guidelines end def logo_selector '//img[data-src^="/uploads/-/system/appearance/logo"]' end def pwa_icon_selector '//img[data-src^="/uploads/-/system/appearance/pwa_icon"]' end def header_logo_selector '//img[data-src^="/uploads/-/system/appearance/header_logo"]' end def logo_fixture Rails.root.join('spec', 'fixtures', 'dk.png') end end