chat-miri-integration-idea

describe('TextBox', () => {
  it('highlights the text correctly', () => {
    // Visit the page where the TextBox component is rendered
    cy.visit('/your-page-with-textbox')

    // Enter some text in the TextBox component
    cy.get('.custom-textarea')
      .type('This is a test text to highlight')

    // Verify that the highlighted text is displayed
    cy.get('[data-testid="Highlighter"]')
      .should('contain', 'test')
      .and('have.css', 'background-color', 'rgba(46, 131, 126, 0.7)')
  })
})