Basic component test

basic.spec.ts

import { newSpecPage } from "@stencil/core/dist/testing";

import { MyBasic } from './basic';

describe('basic', () => {
    it('should render', async () => {
        const page = await newSpecPage({
            html: `<my-basic first="Julia" last="Roberts"></my-basic>`,
            components: [MyBasic]
        });
        expect(page.root).toEqualHtml(`
            <my-basic first=\"Julia\" last=\"Roberts\">
                <mock:shadow-root>
                    <p>
                        My name is Roberts Julia
                    </p>
                </mock:shadow-root>
            </my-basic>
        `);
    });
});