@salesforcedevs/dx-components 0.10.1-alpha.96 → 0.10.1-alpha.97

package/src/modules/dx/sidebarSearch/__tests__/sidebarSearch.test.ts

@@ -0,0 +1,44 @@
+import SidebarSearch from "dx/sidebarSearch";
+import { createRenderComponent } from "utils/tests";
+import { coveoXMLDocsConfig } from "utils/coveo"; //coveoSFDocsConfig
+
+const TAG = "dx-sidebar-search";
+const render = createRenderComponent(TAG, SidebarSearch);
+
+const PROPS = coveoXMLDocsConfig;
+const QUERY = "test";
+
+const mockQuery = (q: string): void => {
+    global.window = Object.create(window);
+    const url = `http://dummy.com?q="${q}"`;
+    Object.defineProperty(window, "location", {
+        value: {
+            href: url,
+            search: `?q=${q}`
+        }
+    });
+};
+
+describe(TAG, () => {
+    it("renders with the correct initial empty query", () => {
+        const element = render(PROPS);
+
+        const input = element.shadowRoot.querySelector("dx-input");
+
+        expect(input.value).toEqual("");
+
+        return expect(element).toBeAccessible();
+    });
+
+    it("renders with the correct initial query", () => {
+        mockQuery(QUERY);
+
+        const element = render(PROPS);
+
+        const input = element.shadowRoot.querySelector("dx-input");
+
+        expect(input.value).toEqual(QUERY);
+
+        return expect(element).toBeAccessible();
+    });
+});