GUI Testing

test('interact with shop GUI', async ({ player }) => {
  player.chat('/shop');
  
  // Get a live handle to the GUI
  const gui = await player.gui({ title: /Shop/ });
  
  // Create a locator for an item
  const diamondItem = gui.locator(item => item.name.includes('diamond'));
  
  // Click the item (with automatic retry)
  await diamondItem.click();
  
  await expect(player).toHaveReceivedMessage('Purchased');
});

const item = gui.locator(i => i.name === 'diamond');
// Locator doesn't fetch immediately - it's a query definition

// String match
const guiStr = await player.gui({ title: 'Shop' });

// RegEx match
const guiRegex = await player.gui({ title: /Staff Activity/i });

// Custom timeout
const guiTimeout = await player.gui({ title: 'Admin', timeout: 10000 });

// By item name
const compass = gui.locator(i => i.name === 'compass');

// By display name
const itemByName = gui.locator(i => i.getDisplayName().includes('Session'));

// By lore
const itemByLore = gui.locator(i => i.hasLore('Click to view'));

// Multiple conditions
const complexItem = gui.locator(i => 
  i.name === 'paper' && i.count > 1
);

const item = gui.locator(i => i.name === 'diamond');
await item.click();

// Custom timeout
await item.click({ timeout: 10000 });

const item = gui.locator(i => i.name === 'paper');
const name = item.displayName();
console.log(name); // "Session Log"

const item = gui.locator(i => i.name === 'clock');
const lore = item.loreText();
console.log(lore); // "From: 2024-01-01 To: 2024-01-02"

const item = gui.locator(i => i.name === 'clock');

// Basic assertion
await expect(item).toHaveLore('Session');

// With timeout
await expect(item).toHaveLore('messages', { timeout: 10000 });

// Negative assertion
await expect(item).not.toHaveLore('error');

const gui = await player.gui({ title: 'Shop' });
console.log(gui.title); // "Shop Menu"

test('command requires permission', async ({ player }) => {
  player.chat('/admin');
  await expect(player).toHaveReceivedMessage('You don\'t have permission');
});

test('admin can open admin panel', async ({ player }) => {
  await player.makeOp();
  player.chat('/admin');
  
  const gui = await player.gui({ title: 'Admin' });
  expect(gui.title).toContain('Admin');
});

test('clicking GUI item triggers callback', async ({ player }) => {
  await player.makeOp();
  player.chat('/example gui-settings');
  
  const gui = await player.gui({ title: 'guiSettings' });
  const item = gui.locator(item => item.getDisplayName().includes('guiItemInfo'));
  
  await item.click();
  await expect(player).toHaveReceivedMessage('You clicked on item');
});

test('activity log shows correct data', async ({ player }) => {
  await player.makeOp();
  player.chat('/staffactivity view');
  
  const gui = await player.gui({ title: /Staff activity/ });
  
  // Locator for message counter
  const messageItem = gui.locator(i => i.hasLore('messages'));
  
  // Wait for lore to update
  await expect(messageItem).toHaveLore('messages');
  
  // Verify lore contains expected data
  const lore = messageItem.loreText();
  expect(lore).toContain('Session');
});

test('navigate through pages', async ({ player }) => {
  player.chat('/warps');
  const gui = await player.gui({ title: 'Warps' });
  
  // Check first page
  const firstItem = gui.locator(i => i.getDisplayName().includes('Spawn'));
  await firstItem.click();
  
  // Reopen and check next page
  player.chat('/warps');
  const nextButton = gui.locator(i => i.name === 'arrow');
  await nextButton.click();
  
  const secondItem = gui.locator(i => i.getDisplayName().includes('Arena'));
  await expect.poll(() => secondItem.displayName()).toContain('Arena');
});