Fix ui-tests for both ipywidgets 7 and 8

Author: martinRenou

ui-tests/tests/voila.test.ts

@@ -85,7 +85,7 @@ test.describe('Voila performance Tests', () => {
         `/voila/render/${notebookName}.ipynb?voila-template=classic`
       );
       // wait for the widgets to load
-      await page.waitForSelector('.noUi-touch-area');
+      await page.waitForSelector('.slider-container');
     };
     await addBenchmarkToTest(notebookName, testFunction, testInfo, browserName);
 
@@ -105,7 +105,7 @@ test.describe('Voila performance Tests', () => {
     const testFunction = async () => {
       await page.goto(`/voila/render/${notebookName}.ipynb`);
       // wait for the widgets to load
-      await page.waitForSelector('.noUi-touch-area');
+      await page.waitForSelector('.slider-container');
     };
     await addBenchmarkToTest(notebookName, testFunction, testInfo, browserName);
     // change the value of the slider
@@ -130,7 +130,7 @@ test.describe('Voila performance Tests', () => {
     const testFunction = async () => {
       await page.goto(`/voila/render/${notebookName}.ipynb?voila-theme=dark`);
       // wait for the widgets to load
-      await page.waitForSelector('.noUi-touch-area');
+      await page.waitForSelector('.slider-container');
     };
     await addBenchmarkToTest(notebookName, testFunction, testInfo, browserName);
 
@@ -288,7 +288,7 @@ test.describe('Voila performance Tests', () => {
     const notebookName = 'reveal';
     const testFunction = async () => {
       await page.goto(`/voila/render/${notebookName}.ipynb`);
-      await page.waitForSelector('.noUi-touch-area');
+      await page.waitForSelector('.slider-container');
     };
     await addBenchmarkToTest(notebookName, testFunction, testInfo, browserName);
     expect(await page.screenshot()).toMatchSnapshot(`${notebookName}.png`);