Spec test code

manifold-resource-status.spec.ts

import { newSpecPage } from '@stencil/core/testing';
import { ManifoldResourceStatus } from './manifold-resource-status';
import { ManifoldResourceStatusView } from '../manifold-resource-status-view/manifold-resource-status-view';

describe('<manifold-resource-status>', () => {
  describe('v0 props', () => {
    it('[loading]: renders spinner icon', async () => {
      const page = await newSpecPage({
        html: '<manifold-resource-status></manifold-resource-status>',
        components: [ManifoldResourceStatus, ManifoldResourceStatusView],
      });
      page.root.loading = true;
      await page.waitForChanges();

      const view = page.root.querySelector('manifold-resource-status-view');
      const spinner = view.shadowRoot.querySelector('manifold-icon');
      expect(spinner).not.toBeNull();
    });
  });
});