🫠 test(cypress): /liquidity (#299)

Add Cypress test for `/liquidity` page

ui/.gitignore

@@ -35,5 +35,6 @@ yarn-error.log*
 .vercel
 
 # cypress
+cypress/downloads
 cypress/screenshots
 cypress/videos

ui/cypress/e2e/liquidity.cy.ts

@@ -0,0 +1,55 @@
+describe('Liquidity', () => {
+
+  it('stake: type a deposit amount', () => {
+    cy.visit('/liquidity')
+
+    // Expect default value to be '0'
+    cy.get('#depositValue')
+      .invoke('val')
+      .then(val => {
+        expect(val).to.equal('0')
+      })
+
+    // Clear the default '0' value before typing a number
+    cy.get('#depositValue').clear()
+
+    // Type a number
+    cy.get('#depositValue').type('3.3333')
+
+    // Expect the value to no longer be '0'
+    cy.get('#depositValue')
+      .invoke('val')
+      .then(val => {
+        expect(val).to.equal('3.3333')
+      })
+  })
+
+  it('unstake: type a withdrawal amount', () => {
+    cy.visit('/liquidity')
+
+    // Click the "Unstake" tab
+    cy.get("#unstakeTab").click()
+
+    // Expect default value to be '0'
+    cy.get('#withdrawalValue')
+      .invoke('val')
+      .then(val => {
+        expect(val).to.equal('0')
+      })
+
+    // Clear the default '0' value before typing a number
+    cy.get('#withdrawalValue').clear()
+
+    // Type a number
+    cy.get('#withdrawalValue').type('0.3333')
+
+    // Expect the value to no longer be '0'
+    cy.get('#withdrawalValue')
+      .invoke('val')
+      .then(val => {
+        expect(val).to.equal('0.3333')
+      })
+  })
+})
+
+export {}

ui/pages/liquidity.tsx

@@ -239,13 +239,15 @@ export default function Liquidity() {
               <a
                 className={`tab grow ${activeTab === 0 ? 'tab-active dark:font-semibold' : ''}`}
                 onClick={() => setActiveTab(0)}
+                id="stakeTab"
               >
                 Stake
               </a>
 
               <a
                 className={`tab grow ${activeTab === 1 ? 'tab-active dark:font-semibold' : ''}`}
                 onClick={() => setActiveTab(1)}
+                id="unstakeTab"
               >
                 Unstake
               </a>
@@ -268,6 +270,7 @@ export default function Liquidity() {
                       type="number"
                       placeholder="Amount"
                       className="input input-bordered w-full dark:bg-slate-200"
+                      id="depositValue"
                       value={depositValue}
                       onChange={setDepositValue}
                     />
@@ -310,6 +313,7 @@ export default function Liquidity() {
                       type="number"
                       placeholder="Amount"
                       className="input input-bordered w-full dark:bg-slate-200"
+                      id="withdrawalValue"
                       value={withdrawalValue}
                       onChange={(value: any) => {
                         setWithdrawalValue(value)