import React from 'react';

import { test, expect } from 'playwright/lib';

import LogTopic from './LogTopic';

test('address view +@mobile -@default', async({ render, page }) => {
  const component = await render(<LogTopic hex="0x000000000000000000000000d789a607ceac2f0e14867de4eb15b15c9ffb5859" index={ 42 }/>);
  await component.getByRole('combobox').click();
  await page.getByRole('option', { name: /address/i }).click();

  await expect(component).toHaveScreenshot();
});

test('hex view +@mobile -@default', async({ render, page }) => {
  const component = await render(<LogTopic hex="0x000000000000000000000000d789a607ceac2f0e14867de4eb15b15c9ffb5859" index={ 42 }/>);
  await component.getByRole('combobox').click();
  await page.getByRole('option', { name: /hex/i }).click();

  await expect(component).toHaveScreenshot();
});