base.typing.spec.ts

import { test, expect } from '@playwright/test'
import { modifier } from './util/modifier'

test.beforeEach(async ({ page }) => {
  await page.goto('/base')
})

test.describe('Base tests - Typing', () => {
  test('should start as empty value', async ({ page }) => {
    const input = page.getByRole('textbox')

    await expect(input).toHaveValue('')
  })

  test('should change the input value', async ({ page }) => {
    const input = page.getByRole('textbox')

    await input.pressSequentially('1')
    await expect(input).toHaveValue('1')

    await input.pressSequentially('23456')
    await expect(input).toHaveValue('123456')
  })

  test('should prevent typing greater than max length', async ({ page }) => {
    const input = page.getByRole('textbox')

    await input.pressSequentially('123456')
    await expect(input).toHaveValue('123456')

    await input.pressSequentially('7')
    await expect(input).toHaveValue('123457')
  })
})