Function selectProvider

testing/panel/tests/helpers.ts:11–63

(
  page: Page,
  provider: ProviderId,
  model: string,
)

 * Select a provider/model from the model dropdown on the chat page
 */
export async function selectProvider(
  page: Page,
  provider: ProviderId,
  model: string,
): Promise<void> {
  // The model selector shows labels like "OpenAI - GPT-4o"
  // We need to find the option that matches our provider and model
  const select = page.locator('select').first()
  await select.waitFor({ state: 'visible' })

  // Get all options and find the one matching our provider/model
  const options = await select.locator('option').all()
  let targetIndex = -1

  for (let i = 0; i < options.length; i++) {
    const text = await options[i].textContent()
    // Match by provider name in the label (e.g., "OpenAI - GPT-4o")
    const providerName = getProviderDisplayName(provider)
    if (text?.includes(providerName) && text?.includes(model)) {
      targetIndex = i
      break
    }
    // Also match if model contains the text (for models like "gpt-4o-mini")
    if (text?.includes(providerName)) {
      // Check if this is the model we want by looking at model substring
      const modelPart = model.split('/').pop() || model // Handle openrouter models like "openai/gpt-4o"
      if (text?.toLowerCase().includes(modelPart.toLowerCase())) {
        targetIndex = i
        break
      }
    }
  }

  // If we found a match, select it; otherwise try to find by provider only
  if (targetIndex === -1) {
    for (let i = 0; i < options.length; i++) {
      const text = await options[i].textContent()
      const providerName = getProviderDisplayName(provider)
      if (text?.includes(providerName)) {
        targetIndex = i
        break
      }
    }
  }

  if (targetIndex >= 0) {
    await select.selectOption({ index: targetIndex })
  } else {
    throw new Error(
      `Could not find model option for provider: ${provider}, model: ${model}`,
    )
  }
}

/**
 * Get the display name for a provider (as shown in the UI)