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

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

describe('MonoTooltipComp', () => {
  it('handle show and accept a default slot', async () => {
    const el = await fixture<MonoTooltipComp>(
      html` <mono-tooltip show> We need to put something here </mono-tooltip> `,
    );

    expect(el.textContent).to.contain('We need to put something here');
    expect(el.show).to.equal(true);
  });

  it('show shoud be by default false', async () => {
    const el = await fixture<MonoTooltipComp>(
      html`<mono-tooltip></mono-tooltip>`,
    );

    expect(el.show).to.equal(false);
  });

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

    expect(el.__target.getAttribute('fake')).to.equal('test');
  });

  it('passes the a11y audit', async () => {
    const el = await fixture<MonoTooltipComp>(
      html`<mono-tooltip>Some text here</mono-tooltip>`,
    );

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