update tests to function with the new textInput components

Author: NarrowsProjects

lib/public/components/Filters/common/filters/textInputFilter.js

@@ -23,4 +23,4 @@ import { rawTextFilter } from './rawTextFilter.js';
  * @return {Component} the filter
  */
 export const textInputFilter = (filteringModel, key, placeholder, widthClass = 'w-100') =>
-    rawTextFilter(filteringModel.get(key), { classes: [widthClass, `${key}-filter`], placeholder });
+    rawTextFilter(filteringModel.get(key), { classes: [widthClass, `${key}-textFilter`], placeholder });

test/public/logs/overview.test.js

@@ -364,10 +364,10 @@ module.exports = () => {
         })
 
         it('can filter by log title', async () => {
-            await fillInput(page, '#titleFilterText', 'first', ['change']);
+            await fillInput(page, '.title-textFilter', 'first', ['change']);
             await waitForTableLength(page, 1);
 
-            await fillInput(page, '#titleFilterText', 'bogusbogusbogus', ['change']);
+            await fillInput(page, '.title-textFilter', 'bogusbogusbogus', ['change']);
             await waitForEmptyTable(page);
         });
 
@@ -384,10 +384,10 @@ module.exports = () => {
         });
 
         it('should successfully provide an input to filter on log content', async () => {
-            await fillInput(page, '#contentFilterText', 'particle', ['change']);
+            await fillInput(page, '.content-textFilter', 'particle', ['change']);
             await waitForTableLength(page, 2);
 
-            await fillInput(page, '#titleFilterText', 'this-content-do-not-exists-anywhere', ['change']);
+            await fillInput(page, '.title-textFilter', 'this-content-do-not-exists-anywhere', ['change']);
             await waitForEmptyTable(page);
         });
 
@@ -485,24 +485,24 @@ module.exports = () => {
 
         it('can filter by run number', async () => {
             // Insert some text into the filter
-            await fillInput(page, '.runNumbers-filter', '1, 2', ['change']);
+            await fillInput(page, '.runNumbers-textFilter', '1, 2', ['change']);
             await waitForTableLength(page, 2);
             await resetFilters(page);
 
             await waitForTableLength(page, 10);
 
-            await fillInput(page, '.runNumbers-filter', '1234567890', ['change']);
+            await fillInput(page, '.runNumbers-textFilter', '1234567890', ['change']);
             await waitForEmptyTable(page);
         });
 
         it('can filter by lhc fill number', async () => {
-            await fillInput(page, '#lhcFillsFilterText', '1, 6', ['change']);
+            await fillInput(page, '.fillNumbers-textFilter', '1, 6', ['change']);
             await waitForTableLength(page, 1);
             await resetFilters(page);
 
             await waitForTableLength(page, 10);
 
-            await fillInput(page, '#lhcFillsFilterText', '1234567890', ['change']);
+            await fillInput(page, '.fillNumbers-textFilter', '1234567890', ['change']);
             await waitForEmptyTable(page);
         });
     })

test/public/runs/overview.test.js

@@ -706,15 +706,15 @@ module.exports = () => {
 
         it('should successfully filter on a list of fill numbers and inform the user about it', async () => {
             await page.evaluate(() => window.model.disableInputDebounce());
-            const filterInputSelector = '.fill-numbers-filter';
+            const filterInputSelector = '.fillNumbers-textFilter';
             expect(await page.$eval(filterInputSelector, (input) => input.placeholder)).to.equal('e.g. 7966, 7954, 7948...');
 
             await fillInput(page, filterInputSelector, '1, 3', ['change']);
             await waitForTableLength(page, 6);
         });
 
         it('should successfully filter on a list of environment ids and inform the user about it', async () => {
-            const filterInputSelector = '.environment-ids-filter';
+            const filterInputSelector = '.environmentIds-textFilter';
             expect(await page.$eval(filterInputSelector, (input) => input.placeholder)).to.equal('e.g. Dxi029djX, TDI59So3d...');
 
             await fillInput(page, filterInputSelector, 'Dxi029djX, TDI59So3d', ['change']);