Update unit tests

Author: fmontes

src/components.d.ts

@@ -10,12 +10,6 @@ import { HTMLStencilElement, JSXBase } from '@stencil/core/internal';
 
 
 export namespace Components {
-  interface DotcmsContainer {
-    'container': { acceptTypes: string; inode: string; identifier: string; uuid: string; maxContentlets: string; };
-  }
-  interface DotcmsContentlet {
-    'contentlet': { inode: string; identifier: string; contentType: string; baseType: string; dotLang: string; title: string; dotCanEdit: string; dotContentTypeId: string; };
-  }
   interface DotcmsEmaContainer {
     'container': { acceptTypes: string; inode: string; identifier: string; uuid: string; maxContentlets: string; };
   }
@@ -27,18 +21,6 @@ export namespace Components {
 declare global {
 
 
-  interface HTMLDotcmsContainerElement extends Components.DotcmsContainer, HTMLStencilElement {}
-  const HTMLDotcmsContainerElement: {
-    prototype: HTMLDotcmsContainerElement;
-    new (): HTMLDotcmsContainerElement;
-  };
-
-  interface HTMLDotcmsContentletElement extends Components.DotcmsContentlet, HTMLStencilElement {}
-  const HTMLDotcmsContentletElement: {
-    prototype: HTMLDotcmsContentletElement;
-    new (): HTMLDotcmsContentletElement;
-  };
-
   interface HTMLDotcmsEmaContainerElement extends Components.DotcmsEmaContainer, HTMLStencilElement {}
   const HTMLDotcmsEmaContainerElement: {
     prototype: HTMLDotcmsEmaContainerElement;
@@ -51,20 +33,12 @@ declare global {
     new (): HTMLDotcmsEmaContentletElement;
   };
   interface HTMLElementTagNameMap {
-    'dotcms-container': HTMLDotcmsContainerElement;
-    'dotcms-contentlet': HTMLDotcmsContentletElement;
     'dotcms-ema-container': HTMLDotcmsEmaContainerElement;
     'dotcms-ema-contentlet': HTMLDotcmsEmaContentletElement;
   }
 }
 
 declare namespace LocalJSX {
-  interface DotcmsContainer {
-    'container'?: { acceptTypes: string; inode: string; identifier: string; uuid: string; maxContentlets: string; };
-  }
-  interface DotcmsContentlet {
-    'contentlet'?: { inode: string; identifier: string; contentType: string; baseType: string; dotLang: string; title: string; dotCanEdit: string; dotContentTypeId: string; };
-  }
   interface DotcmsEmaContainer {
     'container'?: { acceptTypes: string; inode: string; identifier: string; uuid: string; maxContentlets: string; };
   }
@@ -73,8 +47,6 @@ declare namespace LocalJSX {
   }
 
   interface IntrinsicElements {
-    'dotcms-container': DotcmsContainer;
-    'dotcms-contentlet': DotcmsContentlet;
     'dotcms-ema-container': DotcmsEmaContainer;
     'dotcms-ema-contentlet': DotcmsEmaContentlet;
   }
@@ -86,8 +58,6 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
   export namespace JSX {
     interface IntrinsicElements {
-      'dotcms-container': LocalJSX.DotcmsContainer & JSXBase.HTMLAttributes<HTMLDotcmsContainerElement>;
-      'dotcms-contentlet': LocalJSX.DotcmsContentlet & JSXBase.HTMLAttributes<HTMLDotcmsContentletElement>;
       'dotcms-ema-container': LocalJSX.DotcmsEmaContainer & JSXBase.HTMLAttributes<HTMLDotcmsEmaContainerElement>;
       'dotcms-ema-contentlet': LocalJSX.DotcmsEmaContentlet & JSXBase.HTMLAttributes<HTMLDotcmsEmaContentletElement>;
     }

src/components/dotcms-ema-container/dotcms-ema-container.e2e..ts

@@ -0,0 +1,34 @@
+import { newE2EPage, E2EPage, E2EElement } from '@stencil/core/testing';
+
+describe('dotcms-ema-container', () => {
+  let page: E2EPage;
+  let element: E2EElement;
+
+  beforeEach(async () => {
+    page = await newE2EPage();
+    await page.setContent('<dotcms-ema-container></dotcms-ema-container>');
+    element = await page.find('dotcms-ema-container');
+    element.setProperty('container', {
+      acceptTypes: 'type1,type2',
+      inode: '123',
+      identifier: '456',
+      uuid: 'uuid-1',
+      maxContentlets: '24'
+    });
+    await page.waitForChanges();
+  });
+
+  it('renders', async () => {
+    expect(element).toHaveClass('hydrated');
+  });
+
+  it('renders data attr', async () => {
+    expect(element.getAttribute('data-dot-object')).toBe('container');
+    expect(element.getAttribute('data-dot-accept-types')).toBe('type1,type2');
+    expect(element.getAttribute('data-dot-inode')).toBe('123');
+    expect(element.getAttribute('data-dot-identifier')).toBe('456');
+    expect(element.getAttribute('data-dot-uuid')).toBe('uuid-1');
+    expect(element.getAttribute('data-max-contentlets')).toBe('24');
+    expect(element.getAttribute('data-dot-can-add')).toBe('CONTENT,FORM,WIDGET');
+  });
+});

src/components/dotcms-ema-container/dotcms-ema-container.e2e.ts

@@ -0,0 +1,40 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+describe('dotcms-ema-contentlet', () => {
+  let page;
+  let element;
+
+  beforeEach(async () => {
+    page = await newE2EPage();
+    await page.setContent('<dotcms-ema-contentlet></dotcms-ema-contentlet>');
+    element = await page.find('dotcms-ema-contentlet');
+    element.setProperty('contentlet', {
+      inode: '123',
+      identifier: '456',
+      contentType: 'WebPageContent',
+      baseType: 'CONTENT',
+      dotLang: '1',
+      title: 'This is a title',
+      dotCanEdit: true,
+      dotContentTypeId: '789'
+    });
+    await page.waitForChanges();
+  });
+
+  it('renders', async () => {
+    expect(element).toHaveClass('hydrated');
+  });
+
+  it('renders data attr', async () => {
+    expect(element.getAttribute('data-dot-object')).toBe('contentlet');
+    expect(element.getAttribute('data-dot-inode')).toBe('123');
+    expect(element.getAttribute('data-dot-identifier')).toBe('456');
+    expect(element.getAttribute('data-dot-type')).toBe('WebPageContent');
+    expect(element.getAttribute('data-dot-basetype')).toBe('CONTENT');
+    expect(element.getAttribute('data-dot-lang')).toBe('1');
+    expect(element.getAttribute('data-dot-title')).toBe('This is a title');
+    expect(element.getAttribute('data-dot-can-edit')).toBe('true');
+    expect(element.getAttribute('data-dot-content-type-id')).toBe('789');
+    expect(element.getAttribute('data-dot-has-page-lang-version')).toBe('true');
+  });
+});