Merge branch 'fix-card-height-issue' into 'master'

fix(ui): update card container height correctly, improve cypress test scenario, fix console warnings

See merge request postgres-ai/database-lab!829

Author: Adrinlol

assets/database-lab-dark-mode.svg

@@ -1,21 +1,44 @@
 /* eslint-disable no-undef */
 
-describe('Instance page should have "Configuration" tab with content', () => {
-  it('should have token in local storage', () => {
+describe('Configuration tab', () => {
+  before(() => {
+    // Set the token in local storage
     cy.window().then((win) => {
       if (!win.localStorage.getItem('token')) {
         win.localStorage.setItem('token', 'demo-token')
       }
     })
   })
-  it('should have "Configuration" tab with content', () => {
+
+  it('should have token in local storage', () => {
+    // Check if the token exists in local storage
+    cy.window()
+      .should('have.property', 'localStorage')
+      .and('have.property', 'token', 'demo-token')
+  })
+
+  it('should have "Configuration" tab with form inputs', () => {
+    // Visit the page
     cy.visit('/', {
       retryOnStatusCodeFailure: true,
       onLoad: () => {
-        cy.get('.MuiTabs-flexContainer').contains('Configuration')
-        cy.get('.MuiBox-root')
-          .contains('p')
-          .should('have.length.greaterThan', 0)
+        // Click on the "Configuration" tab
+        cy.get('.MuiTabs-flexContainer').contains('Configuration').click({
+          force: true,
+        })
+
+        // Check for elements on the "Configuration" tab
+        cy.get('input[type="text"]').should('exist')
+        cy.get('input[type="checkbox"]').should('exist')
+        cy.get('button[type="button"]').should('exist')
+
+        // Click on the "Cancel" button within the "Configuration" tab
+        cy.get('button').contains('Cancel').click({
+          force: true,
+        })
+
+        // Check if the URL has changed to "/instance"
+        cy.url().should('eq', Cypress.config().baseUrl + '/instance')
       },
     })
   })

assets/database-lab-light-mode.svg

@@ -83,7 +83,7 @@ export const StarsIcon = ({ className }: { className?: string }) => (
     xmlns="http://www.w3.org/2000/svg"
     className={className}
   >
-    <g clip-path="url(#clip0_3156:7537)">
+    <g clipPath="url(#clip0_3156:7537)">
       <path
         d="M15.5319 4.94739C14.5807 4.94739 13.6874 5.31433 13.0162 5.98071C12.3453 6.64673 11.976 7.53381 11.976 8.47852C11.976 8.73743 11.766 8.94727 11.5072 8.94727C11.2483 8.94727 11.0385 8.73743 11.0385 8.47852C11.0385 7.53381 10.6689 6.64673 9.99805 5.98071C9.32691 5.31433 8.43359 4.94739 7.48242 4.94739C7.22351 4.94739 7.01367 4.73755 7.01367 4.47864C7.01367 4.21973 7.22351 4.00989 7.48242 4.00989C9.44312 4.00989 11.0385 2.42115 11.0385 0.468388C11.0385 0.209476 11.2483 -0.000362396 11.5072 -0.000362396C11.766 -0.000362396 11.976 0.209476 11.976 0.468388C11.976 2.42115 13.5712 4.00989 15.5319 4.00989C15.7908 4.00989 16.0006 4.21973 16.0006 4.47864C16.0006 4.73755 15.7908 4.94739 15.5319 4.94739ZM11.5072 2.45923C11.0719 3.32996 10.3604 4.04053 9.48779 4.47608C9.91565 4.68823 10.3107 4.96997 10.6586 5.31543C11.0081 5.66235 11.2928 6.05664 11.5071 6.48389C11.7214 6.05664 12.0062 5.66235 12.3556 5.31543C12.7035 4.96997 13.0986 4.68823 13.5264 4.47608C12.6539 4.04053 11.9424 3.32996 11.5072 2.45923Z"
         fill="currentColor"

assets/dle-simple.svg

@@ -125,7 +125,7 @@ export const Github = () => (
   >
     <path
       fillRule="evenodd"
-      clip-rule="evenodd"
+      clipRule="evenodd"
       d="M12.649 0C5.664 0 0 5.664 0 12.65c0 5.59 3.624 10.33 8.651 12.004.633.116.864-.275.864-.61 0-.3-.011-1.096-.018-2.151-3.518.764-4.26-1.696-4.26-1.696-.576-1.461-1.405-1.85-1.405-1.85-1.149-.785.087-.77.087-.77 1.27.09 1.937 1.304 1.937 1.304 1.128 1.933 2.961 1.375 3.682 1.052.115-.818.441-1.376.803-1.692-2.809-.319-5.762-1.405-5.762-6.252 0-1.38.493-2.51 1.302-3.394-.13-.32-.565-1.606.123-3.348 0 0 1.063-.34 3.48 1.297 1.008-.28 2.09-.421 3.166-.426 1.074.005 2.157.145 3.167.426 2.415-1.637 3.475-1.297 3.475-1.297.69 1.742.257 3.028.126 3.348.811.884 1.301 2.013 1.301 3.394 0 4.86-2.958 5.93-5.776 6.242.454.39.859 1.163.859 2.343 0 1.69-.016 3.055-.016 3.47 0 .338.228.732.87.609 5.023-1.677 8.644-6.415 8.644-12.002C25.3 5.664 19.636 0 12.649 0Z"
       fill="#fff"
     />

assets/dle.svg

@@ -38,6 +38,8 @@ export const CheckupAgentFormWrapper = (props: CheckupAgentFormProps) => {
       },
       heading: {
         ...theme.typography.h3,
+      } as {
+        [key: string]: string
       },
       fieldValue: {
         display: 'inline-block',