@skhemata/skhemata-blog/test/skhemata-blog.test.js

Skhemata Blog Web Component. This web component provides several sub components in addition to main component, allowing featured blogs, blog listing and blog post display.

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

import '../skhemata-blog.js';

describe('SkhemataBlog', () => {
  it('has a default title "Hey there" and counter 5', async () => {
    const el = await fixture(html`
      <skhemata-blog></skhemata-blog>
    `);

    expect(el.title).to.equal('Hey there');
    expect(el.counter).to.equal(5);
  });

  it('increases the counter on button click', async () => {
    const el = await fixture(html`
      <skhemata-blog></skhemata-blog>
    `);
    el.shadowRoot.querySelector('button').click();

    expect(el.counter).to.equal(6);
  });

  it('can override the title via attribute', async () => {
    const el = await fixture(html`
      <skhemata-blog title="attribute title"></skhemata-blog>
    `);

    expect(el.title).to.equal('attribute title');
  });

  it('passes the a11y audit', async () => {
    const el = await fixture(html`
      <skhemata-blog></skhemata-blog>
    `);

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