HTML: Sidebar

const { test } = require('tests');

test(({ query, querySelectorAll, expect }) => {

  const header = query(document, 'header');
  expect(header).to.be.visible;

  const img = query(header, 'img');
  expect(img).to.be.visible;

  const nav = query(header, 'nav');
  expect(nav).to.be.visible;

  const ul = query(nav, 'ul');
  expect(ul).to.be.visible;

  const li = querySelectorAll(ul, 'li');
  expect(li).to.be.length(2);

  const main = query(document, 'main');
  expect(main).to.be.visible;

  const section = query(main, 'section');
  expect(section).to.be.visible;

  const aside = query(document, 'aside');
  expect(aside).to.be.visible;

  const h2 = query(section, 'h2');
  expect(h2).to.be.visible;

  const articles = querySelectorAll(section, 'article');
  expect(articles).to.be.length(2);

  articles.forEach((article) => {
    const h3 = query(article, 'h3');
    expect(h3).to.be.visible;
  });
});