import { type Locator, type Page } from '@playwright/test';
import { BasePage } from './BasePage';
import { IVehicleDetails } from '@business-logic/types/CustomerDetails';

export class VehicleLookupLicensePage extends BasePage {
    readonly page: Page;
    readonly licensePlateNumTextBox: Locator;
    readonly licensePlateStateDrpDwn: Locator;
    url = process.env['BASE_URL']! + '/?issPage='; // TODO: Input correct URL

    constructor(page: Page) {
        super(page);
        this.page = page;
        this.licensePlateNumTextBox = page.getByRole('textbox', { name: 'License plate number'});
        this.licensePlateStateDrpDwn = page.getByRole('combobox', { name: 'License plate state'});
    }

    async enterPlateDetails(vehicleDetails: IVehicleDetails){
        await this.licensePlateNumTextBox.fill(vehicleDetails.licensePlateNumber || '');
        await this.licensePlateStateDrpDwn.selectOption(vehicleDetails.licensePlateState!);
    }
}