test(js): Add tests for render, renderNoResults and renderer (#494)

* test(js): Add tests for `render`, `renderNoResults` and `renderer`

Co-authored-by: François Chalifour <[email protected]>

Author: shortcuts

packages/autocomplete-js/src/__tests__/autocomplete.test.ts

@@ -358,108 +358,6 @@ describe('autocomplete-js', () => {
     });
   });
 
-  test('calls renderNoResults without noResults template on no results', async () => {
-    const container = document.createElement('div');
-    const panelContainer = document.createElement('div');
-    const renderNoResults = jest.fn((_params, root) => {
-      const div = document.createElement('div');
-      div.innerHTML = 'No results render';
-
-      root.appendChild(div);
-    });
-
-    document.body.appendChild(panelContainer);
-    autocomplete<{ label: string }>({
-      container,
-      panelContainer,
-      openOnFocus: true,
-      getSources() {
-        return [
-          {
-            sourceId: 'testSource',
-            getItems() {
-              return [];
-            },
-            templates: {
-              item({ item }) {
-                return item.label;
-              },
-            },
-          },
-        ];
-      },
-      renderNoResults,
-    });
-
-    const input = container.querySelector<HTMLInputElement>('.aa-Input');
-
-    fireEvent.input(input, { target: { value: 'a' } });
-
-    await waitFor(() => {
-      expect(
-        panelContainer.querySelector<HTMLElement>('.aa-Panel')
-      ).toHaveTextContent('No results render');
-    });
-
-    expect(renderNoResults).toHaveBeenCalledWith(
-      {
-        state: expect.anything(),
-        children: expect.anything(),
-        sections: expect.any(Array),
-        elements: expect.any(Object),
-        createElement: expect.anything(),
-        Fragment: expect.anything(),
-      },
-      expect.any(HTMLElement)
-    );
-  });
-
-  test('renders noResults template over renderNoResults method on no results', async () => {
-    const container = document.createElement('div');
-    const panelContainer = document.createElement('div');
-
-    document.body.appendChild(panelContainer);
-    autocomplete<{ label: string }>({
-      container,
-      panelContainer,
-      openOnFocus: true,
-      getSources() {
-        return [
-          {
-            sourceId: 'testSource',
-            getItems() {
-              return [];
-            },
-            templates: {
-              item({ item }) {
-                return item.label;
-              },
-              noResults() {
-                return 'No results template';
-              },
-            },
-          },
-        ];
-      },
-      renderNoResults(_params, root) {
-        const div = document.createElement('div');
-        div.innerHTML = 'No results render';
-
-        root.appendChild(div);
-      },
-    });
-
-    const input = container.querySelector<HTMLInputElement>('.aa-Input');
-
-    fireEvent.input(input, { target: { value: 'a' } });
-
-    await waitFor(() => {
-      expect(
-        panelContainer.querySelector<HTMLElement>('.aa-Panel')
-      ).toHaveTextContent('No results template');
-    });
-  });
-
   test('allows user-provided shouldPanelOpen', () => {
     const container = document.createElement('div');
     const panelContainer = document.createElement('div');