squash(3562) partial

Author: rwaskiewicz

src/compiler/output-targets/test/output-targets-dist-custom-elements.spec.ts

@@ -135,15 +135,63 @@ describe('Custom Elements output target', () => {
     let compilerCtx: d.CompilerCtx;
     let buildCtx: d.BuildCtx;
 
-      const bundleOptions = getBundleOptions(
-        config,
-        buildCtx,
-        compilerCtx,
-        config.outputTargets[0] as OutputTargetDistCustomElements
-      );
-      addCustomElementInputs(buildCtx, bundleOptions);
-      expect(bundleOptions.loader['\0core']).toEqual(
-        `export { setAssetPath, setNonce, setPlatformOptions } from '${STENCIL_INTERNAL_CLIENT_ID}';
+    beforeEach(() => {
+      ({ config, compilerCtx, buildCtx } = setup());
+    });
+
+    describe('no defined CustomElementsExportBehavior', () => {
+      it("doesn't re-export components from the index.js barrel file", () => {
+        const componentOne = stubComponentCompilerMeta();
+        const componentTwo = stubComponentCompilerMeta({
+          componentClassName: 'MyBestComponent',
+          tagName: 'my-best-component',
+        });
+
+        buildCtx.components = [componentOne, componentTwo];
+
+        const bundleOptions = getBundleOptions(
+          config,
+          buildCtx,
+          compilerCtx,
+          config.outputTargets[0] as OutputTargetDistCustomElements
+        );
+        addCustomElementInputs(buildCtx, bundleOptions, config.outputTargets[0] as OutputTargetDistCustomElements);
+        expect(bundleOptions.loader['\0core']).toEqual(
+          `import { globalScripts } from '${STENCIL_APP_GLOBALS_ID}';
+export { setAssetPath, setNonce, setPlatformOptions } from '${STENCIL_INTERNAL_CLIENT_ID}';
+export * from '${USER_INDEX_ENTRY_ID}';
+
+globalScripts();
+`
+        );
+      });
+    });
+
+    describe('CustomElementsExportBehavior.SINGLE_EXPORT_MODULE', () => {
+      beforeEach(() => {
+        (config.outputTargets[0] as OutputTargetDistCustomElements).customElementsExportBehavior =
+          'single-export-module';
+      });
+
+      it('should add imports to index.js for all included components', () => {
+        const componentOne = stubComponentCompilerMeta();
+        const componentTwo = stubComponentCompilerMeta({
+          componentClassName: 'MyBestComponent',
+          tagName: 'my-best-component',
+        });
+
+        buildCtx.components = [componentOne, componentTwo];
+
+        const bundleOptions = getBundleOptions(
+          config,
+          buildCtx,
+          compilerCtx,
+          config.outputTargets[0] as OutputTargetDistCustomElements
+        );
+        addCustomElementInputs(buildCtx, bundleOptions, config.outputTargets[0] as OutputTargetDistCustomElements);
+        expect(bundleOptions.loader['\0core']).toEqual(
+          `import { globalScripts } from '${STENCIL_APP_GLOBALS_ID}';
+export { setAssetPath, setNonce, setPlatformOptions } from '${STENCIL_INTERNAL_CLIENT_ID}';
 export * from '${USER_INDEX_ENTRY_ID}';
 import { globalScripts } from '${STENCIL_APP_GLOBALS_ID}';
 globalScripts();
@@ -158,15 +206,18 @@ export { MyBestComponent, defineCustomElement as defineCustomElementMyBestCompon
           tagName: 'component-with-jsx',
         });
 
-      const bundleOptions = getBundleOptions(
-        config,
-        buildCtx,
-        compilerCtx,
-        config.outputTargets[0] as OutputTargetDistCustomElements
-      );
-      addCustomElementInputs(buildCtx, bundleOptions);
-      expect(bundleOptions.loader['\0core']).toEqual(
-        `export { setAssetPath, setNonce, setPlatformOptions } from '${STENCIL_INTERNAL_CLIENT_ID}';
+        buildCtx.components = [component];
+
+        const bundleOptions = getBundleOptions(
+          config,
+          buildCtx,
+          compilerCtx,
+          config.outputTargets[0] as OutputTargetDistCustomElements
+        );
+        addCustomElementInputs(buildCtx, bundleOptions, config.outputTargets[0] as OutputTargetDistCustomElements);
+        expect(bundleOptions.loader['\0core']).toEqual(
+          `import { globalScripts } from '${STENCIL_APP_GLOBALS_ID}';
+export { setAssetPath, setNonce, setPlatformOptions } from '${STENCIL_INTERNAL_CLIENT_ID}';
 export * from '${USER_INDEX_ENTRY_ID}';
 import { globalScripts } from '${STENCIL_APP_GLOBALS_ID}';
 globalScripts();