import { describe, expect, it, vi } from 'vitest'
import { render, screen } from '@testing-library/react'
import { MemoryRouter } from 'react-router'
import Login from '../src/pages/Login'

vi.mock('../src/lib/auth', () => ({
  useAuth: () => ({ login: vi.fn(), authenticated: false }),
}))
vi.mock('../src/features/site', () => ({
  useDocumentTitle: () => {},
}))

describe('Login 表单密码管理器适配', () => {
  it('暴露隐藏用户名字段与 current-password 自动填充标记', () => {
    render(
      <MemoryRouter>
        <Login />
      </MemoryRouter>,
    )

    const username = screen.getByLabelText('用户名') as HTMLInputElement
    expect(username.type).toBe('text')
    expect(username.value).toBe('admin')
    expect(username.readOnly).toBe(true)
    expect(username.getAttribute('autocomplete')).toBe('username')

    const password = screen.getByLabelText('管理密码') as HTMLInputElement
    expect(password.getAttribute('autocomplete')).toBe('current-password')
  })
})