rebase fixes

Author: jvancoillie

src/Autocomplete/assets/test/controller.test.ts

@@ -414,110 +414,4 @@ describe('AutocompleteController', () => {
         });
     });
 
-    it('adds live-component support', async () => {
-        const container = mountDOM(`
-            <div>
-                <label for="the-select" data-testid="main-element-label">Select something</label>
-                <select
-                    id="the-select"
-                    data-testid="main-element"
-                    data-controller="check autocomplete"
-                ></select>
-            </div>
-        `);
-
-        application = startStimulus();
-
-        await waitFor(() => {
-            expect(getByTestId(container, 'main-element')).toHaveClass('connected');
-        });
-
-        expect(getByTestId(container, 'main-element')).toHaveAttribute('data-live-ignore');
-        expect(getByTestId(container, 'main-element-label')).toHaveAttribute('data-live-ignore');
-        const tsDropdown = container.querySelector('.ts-wrapper');
-
-        await waitFor(() => {
-            expect(tsDropdown).not.toBeNull();
-        });
-        expect(tsDropdown).toHaveAttribute('data-live-ignore');
-    });
-
-    it('loads new pages on scroll', async () => {
-        const container = mountDOM(`
-            <label for="the-select">Items</label>
-            <select
-                id="the-select"
-                data-testid="main-element"
-                data-controller="check autocomplete"
-                data-autocomplete-url-value="/path/to/autocomplete"
-            ></select>
-        `);
-        document.addEventListener('autocomplete:pre-connect', (event) => {
-            const options = event.detail.options;
-            // make it so that as soon as we trigger a scroll, tomselect thinks
-            // more need to be loaded
-            options.shouldLoadMore = () => true;
-        });
-
-        application = startStimulus();
-
-        await waitFor(() => {
-            expect(getByTestId(container, 'main-element')).toHaveClass('connected');
-        });
-
-        // initial Ajax request on focus
-        fetchMock.mock(
-            '/path/to/autocomplete?query=',
-            JSON.stringify({
-                results: {
-                    options : [
-                        {value: 1, text: 'dog1'},
-                        {value: 2, text: 'dog2'},
-                        {value: 3, text: 'dog3'},
-                        {value: 4, text: 'dog4'},
-                        {value: 5, text: 'dog5'},
-                        {value: 6, text: 'dog6'},
-                        {value: 7, text: 'dog7'},
-                        {value: 8, text: 'dog8'},
-                        {value: 9, text: 'dog9'},
-                        {value: 10, text: 'dog10'},
-                    ]
-                },
-                next_page: '/path/to/autocomplete?query=&page=2'
-            }),
-        );
-
-        const tomSelect = getTomSelectInstance(container);
-        const controlInput = tomSelect.control_input;
-
-        // wait for the initial Ajax request to finish
-        userEvent.click(controlInput);
-        await waitFor(() => {
-            expect(container.querySelectorAll('.option[data-selectable]')).toHaveLength(11); // should be 10, but for some reason dropdown immediately shows "loading more results"
-        });
-        const dropdownContent = container.querySelector('.ts-dropdown-content');
-        if (!dropdownContent) {
-            throw new Error('cannot find dropdown content element');
-        }
-
-        fetchMock.mock(
-            '/path/to/autocomplete?query=&page=2',
-            JSON.stringify({
-                results: {
-                    options: [
-                        {value: 11, text: 'dog11'},
-                        {value: 12, text: 'dog12'},
-                    ],
-                    next_page: null,
-                }
-            }),
-        );
-
-        // trigger a scroll, this will cause TomSelect to check "shouldLoadMore"
-        dropdownContent.dispatchEvent(new Event('scroll'));
-
-        await waitFor(() => {
-            expect(container.querySelectorAll('.option[data-selectable]')).toHaveLength(12);
-        });
-    });
 });