How to test text inside the slide.

[nicholas0983]

Hi guys, sorry for asking for help,
So, I'm trying to find some document to understand how I can test slide text.
I have a slide, I would like to test the texts on 3 pages of the slide.

cy.get("[data-cy='bannerContentText']").contains('About us text.', { multiple: true });

I dont now how can start this.
Sorry about my amateur doubt.
Script Slide
`

  
<script>
export default {
  data() {
    return {
      slides: [
        {
          url: "/about-us",
          text: "About us text.",
          img: "/carousel/about-us.jpg",
        },
        {
          url: "/transparency",
          text: "Transparency text.",
          img: "/carousel/transparency.jpg",
        },
        {
          url: "/cars-projects",
          text: "Projects.",
          img: "/carousel/cars-projects.jpg",
        },
      ],
    };
  },
};
</script>
  

` **Cyporess Test**

`

  
    describe("Home page", () => {
      it("Checking titles", () => {
     	 cy.visit("/") 
     	 cy.get("[data-cy='bannerContentText']").contains('About us text.', { multiple: true });
      // cy.get("[data-cy='bannerContentText']").eq(0)('contains', "Transparency text.")
      })
    })
  

`

[bahmutov]

If you just want to confirm there is this text in the banner, use cy.contains command. It allows you to even specify the selector first.

cy.contains("[data-cy='bannerContentText']", 'About us text.')

I would also recommend watching the free Cypress courses at https://on.cypress.io/courses to see the basics of Cypress tests

[nicholas0983]

Hey Bahmutov, thank you so much for the help.
I did like this and it worked perfectly.

cy.visit("/")
cy.get(".v-carousel__controls button").eq(0).click()
cy.get("[data-cy='bannerContentText']").contains("Text1.")
cy.get(".v-carousel__controls button").eq(1).click()
cy.get("[data-cy='bannerContentText']").contains("Text2")
cy.get(".v-carousel__controls button").eq(2).click()
cy.get("[data-cy='bannerContentText']").contains("Text3")