test: add agency card flow test

this implements it in a simple way that works. there are probably
improvements that can be made, e.g. not waiting 10 seconds for the
enrollment to finish.

mark medicaregov flow test to be skipped.

playwright/.env.sample

@@ -1,2 +1,10 @@
 MEDICARE_FLOW_USERNAME=
 MEDICARE_FLOW_PASSWORD=
+
+AGENCY_CARD_SUB=
+AGENCY_CARD_NAME=
+
+TRANSIT_PROCESSOR_CARDHOLDER_NAME=
+TRANSIT_PROCESSOR_CARD_NUMBER=
+TRANSIT_PROCESSOR_CARD_EXPIRATION=
+TRANSIT_PROCESSOR_CARD_SECURITY_CODE=

playwright/test_agencycard_flow.py

@@ -0,0 +1,70 @@
+import os
+
+from playwright.sync_api import Page, expect
+
+
+def test_agency_card_flow(page: Page):
+    page.goto("https://dev-benefits.calitp.org/")
+
+    # Index - select transit agency
+    page.get_by_role("link", name="Choose your Provider").click()
+    page.get_by_role("link", name="California State Transit (dev)").click()
+
+    # Eligibility Index - select enrollment flow
+    page.get_by_label("Agency Cardholder").check()
+    page.get_by_role("button", name="Choose this benefit").click()
+
+    # Eligibility Start - continue
+    page.get_by_role("button", name="Continue").click()
+
+    # Eligibility Confirm - fill out form and submit
+    page.get_by_placeholder("12345").click()
+
+    sub = os.environ.get("AGENCY_CARD_SUB")
+    page.get_by_placeholder("12345").fill(sub)
+    page.keyboard.press("Tab")
+
+    name = os.environ.get("AGENCY_CARD_NAME")
+    page.get_by_placeholder("Hernandez-Demarcos").fill(name)
+
+    page.get_by_role("button", name="Find my record").click()
+
+    # Enrollment Index - fill out transit processor form in pop-up window
+    page.mouse.wheel(0, 200)
+
+    with page.expect_popup() as popup_info:
+        page.get_by_role("button", name="Enroll").click()
+
+    popup = popup_info.value
+    popup.wait_for_timeout(3000)
+
+    popup.get_by_text("Cardholder name").click()
+
+    cardholder_name = os.environ.get("TRANSIT_PROCESSOR_CARDHOLDER_NAME")
+    popup.get_by_label("Cardholder name").fill(cardholder_name)
+    popup.keyboard.press("Tab")
+
+    card_number = os.environ.get("TRANSIT_PROCESSOR_CARD_NUMBER")
+    popup.get_by_label("Card number").fill(card_number)
+    popup.keyboard.press("Tab")
+
+    expiration = os.environ.get("TRANSIT_PROCESSOR_CARD_EXPIRATION")
+    popup.get_by_label("mm/yy").fill(expiration)
+    popup.keyboard.press("Tab")
+
+    security_code = os.environ.get("TRANSIT_PROCESSOR_CARD_SECURITY_CODE")
+    popup.get_by_text("Security code", exact=True).click()
+    popup.get_by_label("Security code").fill(security_code)
+
+    # trigger form validation - not sure why their form behaves this way
+    popup.keyboard.press("Shift+Tab")
+    popup.keyboard.press("Shift+Tab")
+    popup.keyboard.press("Shift+Tab")
+    popup.keyboard.press("Tab")
+
+    popup.get_by_role("group", name="Enter your card details").get_by_role("button").click()
+
+    page.wait_for_timeout(10000)
+
+    success_message = page.get_by_text("You can now use your contactless card to tap to ride with a reduced fare!")
+    expect(success_message).to_be_visible()

playwright/test_medicaregov_flow.py

@@ -1,8 +1,11 @@
 import os
 
+import pytest
+
 from playwright.sync_api import Page, expect
 
 
+@pytest.mark.skip(reason="WIP - Medicare.gov not allowing test to login")
 def test_medicare_cardholder_flow(page: Page):
     page.goto("/")
     page.click("text='Choose your Provider'")