Skip to content

Instantly share code, notes, and snippets.

@bobbyg603
Created December 17, 2022 22:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bobbyg603/20819a26148021e5cd379cd28e44f17d to your computer and use it in GitHub Desktop.
Save bobbyg603/20819a26148021e5cd379cd28e44f17d to your computer and use it in GitHub Desktop.
How to Build a Web Component
test('renders card with header and subheader', async () => {
const header = '🧑';
const subheader = '👶';
const el = await fixture(html`<medium-card .header="${header}" .subheader="${subheader}"></medium-card>`);
const headerElement = el.shadowRoot?.querySelector('medium-card-header') as MediumCardHeaderElement;
assert.equal(headerElement?.header, header);
assert.equal(headerElement?.subheader, subheader);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment