discourse/spec/system/page_objects/pages/omniauth_confirm.rb
Keegan George 5fe6e1ac74
UX: Redesign OmniAuth confirmation page with branded styling (#39290)
**Previously**, the OmniAuth confirmation page (`/auth/:provider`) was a
basic, unstyled page with just a title and button in the corner.

**In this update**, redesigned the page with a centered card layout,
purple gradient background matching the wizard branding, Discourse logo,
improved copy showing the site name, and proper BEM-structured CSS using
shared brand color variables.

**BEFORE:**

| Dark | Light |
| ----- | ----- |
| <img width="1400" height="1400" alt="omniauth_confirm_BEFORE_dark"
src="https://github.com/user-attachments/assets/129233a7-be50-4b61-b7dc-412c7562ad07"
/> | <img width="1400" height="1400" alt="omniauth_confirm_BEFORE_light"
src="https://github.com/user-attachments/assets/d9c1ecd0-ab19-4d31-9ef6-48477bacd132"
/> |

**AFTER:**
| Dark | Light |
| ----- | ----- |
| <img width="1400" height="1400" alt="omniauth_final_dark"
src="https://github.com/user-attachments/assets/bef7793a-9c02-42a1-8e48-994793b32252"
/> | <img width="1400" height="1400" alt="omniauth_final_light"
src="https://github.com/user-attachments/assets/e76dfa8c-5ec5-4676-95a5-a1f9f2b9723c"
/> |
2026-04-15 14:46:31 -07:00

41 lines
948 B
Ruby

# frozen_string_literal: true
module PageObjects
module Pages
class OmniauthConfirm < PageObjects::Pages::Base
def visit_provider(provider)
visit("/auth/#{provider}")
self
end
def has_logo?
has_css?(".omniauth-confirm__logo")
end
def has_card?
has_css?(".omniauth-confirm__card")
end
def has_title_for_provider?(provider_name)
has_css?(".omniauth-confirm__title", text: "Log in with #{provider_name}")
end
def has_provider_info?(provider_name)
has_css?(".omniauth-confirm__provider-name", text: provider_name)
end
def has_site_name_in_footer?(site_name)
has_css?(".omniauth-confirm__footer", text: site_name)
end
def has_continue_button?
has_button?("Continue")
end
def click_continue
find(".omniauth-confirm__continue-btn").click
self
end
end
end
end