my-component.e2e.ts

import { newE2EPage } from '@stencil/core/testing';

describe('my-component', () => {
  let page, component, element;

  beforeEach(async () => {
    page = await newE2EPage();

    await page.setContent('<my-component></my-component>');
    component = await page.find('my-component');
    element = await page.find('my-component >>> div');
  });

  it('renders', async () => {
    expect(component).toHaveClass('hydrated');
  });
  
  it('renders a div, decorated with a class, called overlay', async () => {
    expect(element).toHaveClass('overlay');
  });
});