mds_chatbot_feedback_spec.js

/*
 * Copyright OpenSearch Contributors
 * SPDX-License-Identifier: Apache-2.0
 */
import { BASE_PATH } from '../../../utils/constants';

if (Cypress.env('DASHBOARDS_ASSISTANT_ENABLED')) {
  describe('Assistant feedback spec', () => {
    before(() => {
      cy.setDefaultDataSourceForAssistant();
      // Set welcome screen tracking to false
      localStorage.setItem('home:welcome:show', 'false');
    });

    beforeEach(() => {
      // Visit ISM OSD
      cy.visit(`${BASE_PATH}/app/home`);

      cy.get(`button[aria-label="toggle chat flyout icon"]`, {
        timeout: 60000,
      }).should('be.length', 1);
    });

    // clean up localStorage items
    after(() => {
      cy.clearDataSourceForAssistant();
      localStorage.removeItem('home:welcome:show');
    });

    describe('conversation feedback', () => {
      it('display feedback button and able to interact', () => {
        // enable to toggle and show Chatbot
        cy.openAssistantChatbot();

        cy.startNewAssistantConversation();

        // click suggestions to generate response
        cy.contains('What are the indices in my cluster?').click();
        cy.wait(10000);

        // should have a thumb up and a thumb down feedback button
        cy.get(`[aria-label="feedback thumbs up"]`).should('be.length', 1);
        cy.get(`[aria-label="feedback thumbs down"]`).should('be.length', 1);
        // click thumb up button to feedback
        cy.get(`[aria-label="feedback thumbs up"]`).click();
        // only thumb up button displays and thumb down button is hidden
        cy.get(`[aria-label="feedback thumbs down"]`).should('be.length', 0);
        cy.get(`[aria-label="feedback thumbs up"]`).should('be.length', 1);
        // The type of clicked button should be primary.
        cy.get(`[aria-label="feedback thumbs up"]`).should(
          'have.class',
          'euiButtonIcon--primary'
        );
      });
    });
  });
}