example.spec.js

// @ts-check
// tests/login.spec.js
const { test, expect } = require('@playwright/test');

/*
Feature: Login The Internet Herokuapp

Scenario: Username benar dan password benar
  Given user membuka halaman login
  When user mengisi username "tomsmith"
  And user mengisi password "SuperSecretPassword!"
  And user klik tombol Login
  Then user berhasil masuk ke halaman Secure Area

Scenario: Username benar dan password salah
  Given user membuka halaman login
  When user mengisi username "tomsmith"
  And user mengisi password "password_salah"
  And user klik tombol Login
  Then user melihat pesan error
*/

test('Username benar dan password benar', async ({ page }) => {
  await page.goto('https://the-internet.herokuapp.com/login');

  await page.fill('#username', 'tomsmith');
  await page.fill('#password', 'SuperSecretPassword!');
  await page.click('button[type="submit"]');

  await expect(page.locator('#flash')).toContainText('You logged into a secure area!');
  await expect(page).toHaveURL(/secure/);

  await page.screenshot({ path: 'screenshots/login-success.png', fullPage: true });
});

test('Username benar dan password salah', async ({ page }) => {
  await page.goto('https://the-internet.herokuapp.com/login');

  await page.fill('#username', 'tomsmith');
  await page.fill('#password', 'password_salah');
  await page.click('button[type="submit"]');

  await expect(page.locator('#flash')).toContainText('Your password is invalid!');

  await page.screenshot({ path: 'screenshots/login-failed.png', fullPage: true });
});