add tests for ri-3493

Author: vlad-dargel

redisinsight/ui/src/constants/texts.tsx

@@ -5,13 +5,13 @@ import { getRouterLinkProps } from 'uiSrc/services'
 
 export const NoResultsFoundText = (<EuiText size="m">No results found.</EuiText>)
 export const NoKeysToDisplayText = (path: string, onClick: ()=> void) => (
-  <EuiText size="m">
+  <EuiText size="m" data-testid="no-result-found-msg">
     No keys to display.
     <br />
     <EuiLink
       {...getRouterLinkProps(path, onClick)}
       color="text"
-      data-test-subj="pubsub-page-btn"
+      data-test-subj="workbench-page-btn"
     >
       Use Workbench Guides and Tutorials
     </EuiLink>

tests/e2e/pageObjects/browser-page.ts

@@ -90,6 +90,7 @@ export class BrowserPage {
     editHashButton = Selector('[data-testid^=edit-hash-button-]');
     editZsetButton = Selector('[data-testid^=zset-edit-button-]');
     editListButton = Selector('[data-testid^=edit-list-button-]');
+    workbenchLinkButton = Selector('[data-test-subj=workbench-page-btn]');
     //CONTAINERS
     streamGroupsContainer = Selector('[data-testid=stream-groups-container]');
     streamConsumersContainer = Selector('[data-testid=stream-consumers-container]');
@@ -208,6 +209,7 @@ export class BrowserPage {
     multiSearchArea = Selector(this.cssFilteringLabel);
     keyDetailsHeader = Selector('[data-testid=key-details-header]');
     keyListTable = Selector('[data-testid=keyList-table]');
+    keyListMessage = Selector('[data-testid=no-result-found-msg]');
     keyDetailsTable = Selector('[data-testid=key-details]');
     keyNameFormDetails = Selector('[data-testid=key-name-text]');
     keyDetailsTTL = Selector('[data-testid=key-ttl-text]');

tests/e2e/tests/regression/tree-view/tree-view.e2e.ts

@@ -1,5 +1,5 @@
 import { acceptLicenseTermsAndAddDatabaseApi } from '../../../helpers/database';
-import { BrowserPage } from '../../../pageObjects';
+import { BrowserPage, WorkbenchPage } from '../../../pageObjects';
 import {
     commonUrl,
     ossStandaloneBigConfig,
@@ -9,9 +9,10 @@ import { KeyTypesTexts, rte } from '../../../helpers/constants';
 import { deleteStandaloneDatabaseApi } from '../../../helpers/api/api-database';
 
 const browserPage = new BrowserPage();
+const workbenchPage = new WorkbenchPage();
 
 fixture `Tree view verifications`
-    .meta({type: 'regression'})
+    .meta({type: 'regression', rte: rte.standalone})
     .page(commonUrl)
     .beforeEach(async() => {
         await acceptLicenseTermsAndAddDatabaseApi(ossStandaloneBigConfig, ossStandaloneBigConfig.databaseName);
@@ -21,20 +22,22 @@ fixture `Tree view verifications`
         await deleteStandaloneDatabaseApi(ossStandaloneBigConfig);
     });
 test
-    .meta({ rte: rte.standalone })
     .before(async() => {
         await acceptLicenseTermsAndAddDatabaseApi(ossStandaloneConfig, ossStandaloneConfig.databaseName);
     })
     .after(async() => {
         //Delete database
         await deleteStandaloneDatabaseApi(ossStandaloneConfig);
     })('Verify that user can see message "No keys to display." when there are no keys in the database', async t => {
+        const message = 'No keys to display.Use Workbench Guides and Tutorials to quickly load the data.'
         //Verify the message
         await t.click(browserPage.treeViewButton);
-        await t.expect(browserPage.keyListTable.textContent).contains('No keys to display.', 'The message is displayed');
+        await t.expect(browserPage.keyListMessage.textContent).contains(message, 'The message is displayed');
+        // Verify that workbench opened by clicking on "Use Workbench Guides and Tutorials" link
+        await t.click(browserPage.workbenchLinkButton);
+        await t.expect(workbenchPage.expandArea.visible).ok('Workbench page is not opened');
     });
-test
-    .meta({ rte: rte.standalone })('Verify that user can see the total number of keys, the number of keys scanned, the “Scan more” control displayed at the top of Tree view and Browser view', async t => {
+test('Verify that user can see the total number of keys, the number of keys scanned, the “Scan more” control displayed at the top of Tree view and Browser view', async t => {
         await browserPage.selectFilterGroupType(KeyTypesTexts.Hash);
         //Verify the controls on the Browser view
         await t.expect(browserPage.totalKeysNumber.visible).ok('The total number of keys is displayed on the Browser view');
@@ -46,8 +49,7 @@ test
         await t.expect(browserPage.scannedValue.visible).ok('The number of keys scanned is displayed on the Tree view');
         await t.expect(browserPage.scanMoreButton.visible).ok('The scan more button is displayed on the Tree view');
     });
-test
-    .meta({ rte: rte.standalone })('Verify that when user deletes the key he can see the key is removed from the folder, the number of keys is reduced, the percentage is recalculated', async t => {
+test('Verify that when user deletes the key he can see the key is removed from the folder, the number of keys is reduced, the percentage is recalculated', async t => {
         //Open the first key in the tree view and remove
         await t.click(browserPage.treeViewButton);
         await t.expect(browserPage.treeViewDeviceFolder.visible).ok('The key folder is displayed', { timeout: 30000 });
@@ -61,8 +63,7 @@ test
         await t.expect(browserPage.treeViewDeviceFolder.nth(2).textContent).notEql(keyFolder, 'The key folder is removed from the tree view');
         await t.expect(browserPage.treeViewDeviceKyesCount.textContent).notEql(numberOfKeys, 'The number of keys is recalculated');
     });
-test
-    .meta({ rte: rte.standalone })('Verify that user can see that “:” (colon) used as a default separator for namespaces and see the number of keys found per each namespace', async t => {
+test('Verify that user can see that “:” (colon) used as a default separator for namespaces and see the number of keys found per each namespace', async t => {
         await t.click(browserPage.treeViewButton);
         //Verify the default separator
         await t.expect(browserPage.treeViewSeparator.textContent).eql(':', 'The “:” (colon) used as a default separator for namespaces');

tests/e2e/web.runner.ts

@@ -30,13 +30,12 @@ import testcafe from 'testcafe';
                         output: './report/report.html'
                     }
                 ])
-                // .concurrency(2)
                 .run({
                     skipJsErrors: true,
                     browserInitTimeout: 60000,
                     selectorTimeout: 5000,
                     speed: 1,
-                    quarantineMode: { successThreshold: '1', attemptLimit: '1' }
+                    quarantineMode: { successThreshold: '1', attemptLimit: '3' }
                 });
         })
         .then((failedCount) => {