How to Build a Web Component

medium-feed_card_props_test.ts

test('sets all card properties', async () => {
  const el = await fixture(html`<medium-feed .url="${url}"></medium-feed>`) as MediumFeedElement;
  await el.updateComplete;
  await waitUntil(
    () => el.shadowRoot?.querySelectorAll('medium-card').length === cards,
    'Element did not render children',
  );
  const firstCard = el.shadowRoot?.querySelector('medium-card') as MediumCardElement;
  assert.equal(firstCard?.thumbnail, article.thumbnail);
  assert.equal(firstCard?.header, article.title);
  assert.equal(firstCard?.subheader, article.author);
  assert.isNotEmpty(firstCard?.body);
  assert.isNotEmpty(firstCard?.footer);
});