Web console: upgrade to Blueprint5 (apache#16756)

* pre upgrade * did the upgrade * update snapshots * fix BP5 issues * update licenses * fix more depication warnings * use segmented control * updat snapshots * convert to fake local time * preload icons before tests * update e2e tests * Update web-console/src/components/segment-timeline/segment-timeline.tsx Co-authored-by: John Gozde <[email protected]> * Update web-console/src/components/segment-timeline/segment-timeline.tsx Co-authored-by: John Gozde <[email protected]> * update e2e test selector * direct import date-fns --------- Co-authored-by: John Gozde <[email protected]>
edgar2020 · Jul 19, 2024 · 914c1c7 · 914c1c7
1 parent d383be5
commit 914c1c7
Show file tree

Hide file tree

Showing 162 changed files with 3,707 additions and 4,072 deletions.
diff --git a/licenses.yaml b/licenses.yaml
diff --git a/licenses/bin/react-innertext.MIT b/licenses/bin/react-innertext.MIT
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Charles Stover
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/licenses/bin/react-uid.MIT b/licenses/bin/react-uid.MIT
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Anton
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/web-console/e2e-tests/component/datasources/overview.ts b/web-console/e2e-tests/component/datasources/overview.ts
@@ -125,13 +125,13 @@ export class DatasourcesOverview {
       throw new Error(`Could not find datasource: ${datasourceName}`);
     }
 
-    const editActions = await this.page.$$('.action-cell span[icon=more]');
+    const editActions = await this.page.$$('.action-cell span.bp5-icon-more');
     await editActions[index].click();
     await this.waitForPopupMenu();
   }
 
   private async waitForPopupMenu(): Promise<void> {
-    await this.page.waitForSelector('ul.bp4-menu');
+    await this.page.waitForSelector('ul.bp5-menu');
   }
 
   async triggerCompaction(): Promise<void> {

diff --git a/web-console/e2e-tests/component/load-data/data-loader.ts b/web-console/e2e-tests/component/load-data/data-loader.ts
@@ -66,7 +66,7 @@ export class DataLoader {
   }
 
   private async start() {
-    const cardSelector = `//*[contains(@class,"bp4-card")][p[contains(text(),"${this.connector.name}")]]`;
+    const cardSelector = `//*[contains(@class,"bp5-card")][p[contains(text(),"${this.connector.name}")]]`;
     await this.page.click(cardSelector);
     await clickButton(this.page, 'Connect data');
   }
@@ -126,7 +126,7 @@ export class DataLoader {
     const rollupChecked = await rollupInput!.evaluate(el => (el as HTMLInputElement).checked);
     if (rollupChecked !== configureSchemaConfig.rollup) {
       await this.page.click(rollupSelector);
-      const confirmationDialogSelector = '//*[contains(@class,"bp4-alert-body")]';
+      const confirmationDialogSelector = '//*[contains(@class,"bp5-alert-body")]';
       await this.page.waitForSelector(confirmationDialogSelector);
       await clickButton(this.page, 'Yes');
       const statusMessageSelector = '.recipe-toaster';