Functionality tests of filters and searchbar

cypress/e2e/Tests/todo.cy.js

@@ -29,3 +29,29 @@ describe('Login Page', () => {
     cy.url().should('not.include', '/login');
   });
 });
+
+describe('Main functionalities', () => {
+
+  beforeEach(() => {
+    indexedDB.deleteDatabase('firebaseLocalStorageDb');
+    cy.viewport('macbook-16');
+    cy.visit('/login');
+    cy.get('[data-testid="input-email"]').type('test@g.com');
+    cy.get('[data-testid="input-password"]').type('123456');
+    cy.get('button[type="submit"]').click();
+  });
+
+  it('should render home page', () => {
+    cy.url().should('include', '');
+  });
+
+  it('should filter using searchbar and filters', () => {
+    cy.url().should('include', '');
+    cy.wait(15000);
+    cy.get('[data-testid="search-bar"]').type('Diego J');
+    cy.get('.agent-info__content__main-info__text__agent-name').contains('Diego Jacobo');
+    cy.get('[data-testid="search-bar"]').clear();
+    cy.get('[data-testid="aci-button"]').click();
+
+  });
+});

src/components/SearchBar/SearchBar.tsx

@@ -53,7 +53,7 @@ const SearchBar: React.FC<SearchBarProps> = ({ placeholder = "Search...", onSear
       };
 
     return (
-        <div className="w-full">
+        <div className="w-full" data-testid="search-bar">
             <div className='flex items-center border border-gray-300 rounded-lg focus-within:border-aci-orange'>
                 <input
                     type="text"