      <button class="mdc-button mdc-ripple-upgraded" disabled>
        <span class="mdc-button__label"></span>
      </button>
    `);
  });

  it('renders with a leading icon', async () => {
    element.setProperty('disabled', false);
    element.setProperty('icon', 'event');
    await page.waitForChanges();
    expect(button).toEqualHtml(`
      <button class="mdc-button mdc-ripple-upgraded">
        <i class="material-icons mdc-button__icon">event</i>