feat(toolbar): implemented split actions for toolbar

Author: Armand-Lluka

src/hydrate/runner/render.ts

@@ -70,6 +70,11 @@ export function hydrateDocument(
   asStream?: boolean,
 ): Promise<HydrateResults> | Readable {
   const opts = normalizeHydrateOptions(options);
+  /**
+   * Defines whether we render the shadow root as a declarative shadow root or as scoped shadow root.
+   */
+  opts.serializeShadowRoot =
+    typeof opts.serializeShadowRoot === 'undefined' ? 'declarative-shadow-dom' : opts.serializeShadowRoot;
 
   let win: MockWindow | null = null;
   const results = generateHydrateResults(opts);

test/end-to-end/src/declarative-shadow-dom/test.e2e.ts

@@ -375,4 +375,27 @@ describe('renderToString', () => {
   </nested-cmp-child>
 </nested-cmp-parent>`);
   });
+
+  describe('hydrateDocument', () => {
+
+    it('can hydrate components with open shadow dom by default', async () => {
+      const { html } = await hydrateDocument('<another-car-detail></another-car-detail>', {
+        fullDocument: false,
+      });
+      expect(html).toContain('s-id="');
+      expect(html).toContain('shadowrootmode="open"');
+    });
+
+    it('can hydrate components with scoped shadow dom and', async () => {
+      const { html } = await hydrateDocument('<another-car-detail></another-car-detail>', {
+        serializeShadowRoot: 'scoped',
+        fullDocument: false,
+      });
+      expect(html).toContain('s-id="');
+      expect(html).not.toContain('shadowrootmode="open"');
+    });
+
+
+  });
+
 });