import { html, fixture, expect } from '@open-wc/testing';

import type { MonoHiddenVisuallyComp } from '../src/MonoHiddenVisuallyComp';
import '../src/MonoHiddenVisuallyComp';

describe('MonoHiddenVisuallyComp', () => {
  it('handle as, size, family, weight, tracking, tone, inline props and accept a default slot', async () => {
    const el = await fixture<MonoHiddenVisuallyComp>(
      html`<mono-hidden-visually inline>Hey there</mono-hidden-visually>`,
    );

    expect(el.textContent).to.equal('Hey there');
  });

  it('should spreads other attributes', async () => {
    const el = await fixture<MonoHiddenVisuallyComp>(
      html`<mono-hidden-visually fake="test"></mono-hidden-visually>`,
    );

    expect(el.shadowRoot?.firstElementChild?.getAttribute('fake')).to.equal(
      'test',
    );
  });

  it('should implement isHidden', async () => {
    const el = await fixture<MonoHiddenVisuallyComp>(
      html`<mono-hidden-visually></mono-hidden-visually>`,
    );

    expect(el.isHidden()).to.equal(true);
  });

  it('passes the a11y audit', async () => {
    const el = await fixture<MonoHiddenVisuallyComp>(
      html`<mono-hidden-visually></mono-hidden-visually>`,
    );

    await expect(el).shadowDom.to.be.accessible();
  });
});