Merge branch 'staging' into restyle-landing-page

.github/workflows/nextjs.yml

@@ -36,7 +36,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "18"
+          node-version: "22"
           cache: ${{ steps.detect-package-manager.outputs.manager }}
 
       - name: Restore cache

.github/workflows/playwright.yml

@@ -16,7 +16,7 @@ jobs:
 
     services:
       falkordb:
-        image: falkordb/falkordb:latest
+        image: falkordb/falkordb:v4.4.1
         ports:
           - 6379:6379
 
@@ -34,9 +34,20 @@ jobs:
         npm install
         npm run build
         NEXTAUTH_SECRET=SECRET npm start & npx playwright test --reporter=dot,list
+    - name: Ensure required directories exist
+      run: |
+        mkdir -p playwright-report
+        mkdir -p playwright-report/artifacts
     - uses: actions/upload-artifact@v4
       if: always()
       with:
         name: playwright-report
         path: playwright-report/
         retention-days: 30
+    - name: Upload failed test screenshots
+      if: always()
+      uses: actions/upload-artifact@v4
+      with:
+        name: failed-test-screenshots
+        path: playwright-report/artifacts/
+        retention-days: 30

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:18-alpine AS base
+FROM node:22-alpine AS base
 
 # Install dependencies only when needed
 FROM base AS deps
@@ -68,4 +68,4 @@ ENV HOSTNAME "0.0.0.0"
 
 # server.js is created by next build from the standalone output
 # https://nextjs.org/docs/pages/api-reference/next-config-js/output
-CMD ["node", "server.js"]
+CMD ["node", "server.js"]

components/ui/table.tsx

@@ -11,7 +11,7 @@ const Table = React.forwardRef<
   HTMLTableElement,
   TableProps
 >(({ className, parentClassName, ...props }, ref) => (
-  <div className={cn("relative w-full overflow-auto", parentClassName)}>
+  <div className={cn("relative w-full overflow-auto", parentClassName)} id="tableContent">
     <table
       ref={ref}
       className={cn("w-full caption-bottom text-sm", className)}

e2e/config/settingsConfigData.json

@@ -28,14 +28,15 @@
       { "input": "yes", "description": "valid input - yes value", "expected": true }
     ],
     "roleModificationData": [
-        {"role": "MAX_QUEUED_QUERIES", "description": "modify maxQueuedQueries", "input": "20", "expected": true},
-        {"role": "TIMEOUT_MAX", "description": "modify maxTimeOut", "input": "25", "expected": true},
-        {"role": "TIMEOUT_DEFAULT", "description": "modify defaultTimeOut", "input": "10", "expected": true},
-        {"role": "RESULTSET_SIZE", "description": "modify resultSetSize", "input": "20", "expected": true},
-        {"role": "QUERY_MEM_CAPACITY", "description": "modify queryMemCapacity", "input": "20", "expected": true},
-        {"role": "VKEY_MAX_ENTITY_COUNT", "description": "modify vKeyMaxEntityCount", "input": "20", "expected": true},
-        {"role": "CMD_INFO", "description": "modify cmdInfo", "input": "yes", "expected": true},
-        {"role": "MAX_INFO_QUERIES", "description": "modify maxInfoQueries", "input": "20", "expected": true}
+        {"role": "MAX_QUEUED_QUERIES", "description": "modify maxQueuedQueries", "input": "24", "expected": true},
+        {"role": "TIMEOUT", "description": "modify timeOut", "input": "1001", "expected": true},
+        {"role": "TIMEOUT_MAX", "description": "modify maxTimeOut", "input": "1", "expected": true},
+        {"role": "TIMEOUT_DEFAULT", "description": "modify defaultTimeOut", "input": "1", "expected": true},
+        {"role": "RESULTSET_SIZE", "description": "modify resultSetSize", "input": "10001", "expected": true},
+        {"role": "QUERY_MEM_CAPACITY", "description": "modify queryMemCapacity", "input": "1", "expected": true},
+        {"role": "VKEY_MAX_ENTITY_COUNT", "description": "modify vKeyMaxEntityCount", "input": "100001", "expected": true},
+        {"role": "CMD_INFO", "description": "modify cmdInfo", "input": "no", "expected": true},
+        {"role": "MAX_INFO_QUERIES", "description": "modify maxInfoQueries", "input": "999", "expected": true}
   ]
 }
 

e2e/logic/POM/settingsConfigPage.ts

@@ -24,6 +24,14 @@ export default class SettingsConfigPage extends BasePage {
         return (role: string) => this.page.locator(`//tbody//tr[@data-id='${role}']/td[3]/div/div/button[1]`)
     }
 
+    private get toastCloseBtn(): Locator {
+        return this.page.locator("//li[@role='status']/button");
+    }
+
+    private get tableContent(): Locator {
+        return this.page.locator("//div[@id='tableContent']");
+      }
+
     async modifyRoleValue(role: string, input: string): Promise<string | null> {
         await this.roleContentValue(role).hover();
         await this.EditRoleButton(role).click();
@@ -33,4 +41,11 @@ export default class SettingsConfigPage extends BasePage {
         return value
     }
 
+    async clickOnToastCloseBtn(): Promise<void>{
+        await this.toastCloseBtn.click();
+    }
+
+    async scrollToBottomInTable(): Promise<void> {
+        await this.tableContent.evaluate((el) => el.scrollTo(0, el.scrollHeight));
+    }
 }

e2e/logic/api/apiCalls.ts

@@ -35,6 +35,7 @@ export default class ApiCalls {
     async getSettingsRoleValue(roleName: string, data?: any): Promise<GetSettingsRoleValue> {
         const result = await getRequest(urls.api.settingsConfig + roleName, data)
         const jsonData = await result.json();
+        console.log("api calls res:", jsonData, "  role: ", roleName);
         return jsonData
     }
 

e2e/tests/auth.setup.ts

@@ -13,6 +13,7 @@ setup("admin authentication", async () => {
     try {
         const browserWrapper = new BrowserWrapper();
         const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);
+        await browserWrapper.setPageToFullScreen();
         await loginPage.clickOnConnect();
         await loginPage.dismissDialogAtStart();
         const context = browserWrapper.getContext();
@@ -37,6 +38,7 @@ userRoles.forEach(({ name, file, userName }) => {
         try {
             const browserWrapper = new BrowserWrapper();
             const loginPage = await browserWrapper.createNewPage(LoginPage, urls.loginUrl);
+            await browserWrapper.setPageToFullScreen();
             await loginPage.connectWithCredentials(userName, user.password);
             await loginPage.dismissDialogAtStart();
             const context = browserWrapper.getContext();