{"pageProps":{"post":{"title":"How to get text of an element in Cypress","excerpt":"Learn how you can get the text content of an html element in Cypress","date":"2023-03-05T00:00:00.000Z","slug":"cypress-get-text-of-an-element","author":{"name":"Suraj Sharma","picture":""},"content":"\n<br>\n\nIn this tutorial, you will learn how you can use the `.text()` method in Cypress to get the text content of an element.\n\n<br>\n\n###Example:\n<br>\n\n```javascript\n// select the element and get its text content\n  cy.get('.content').text().then((text) => {\n    // use the text in your test\n    expect(text).to.equal('Hello, World!');\n  });\n```\n\n<br>\n<br>\n\nIn this example, we're selecting an element with the class name `.content` and using the `.text()` command to get its text content.\n\n<br>\n\nYou can also use the `.invoke()` command to retrieve the value of any property of an element, including its text content.\n\n<br>\n\n###Example:\n<br>\n```javascript\n  cy.get('.my-element').invoke('text').then((text) => {\n    // use the text in your test\n    expect(text).to.equal('Hello, World!');\n  });\n```\n\n<br>\n<br>\n\nIn this example, we're using the `.invoke()` command to retrieve the text property of the selected element, which contains its text content.\n\n<br>\n<br>\n\n**Related Solutions**\n\n- [How to check if an element is clickable in Cypress](/blog/cypress-check-if-element-is-clickable)\n\n- [How to convert ASCII code to a character in JavaScript](/blog/javascript-ascii-code)\n\n- [How to sort an array of strings and numbers in JavaScript](/blog/javascript-array-sort-alphanumeric)\n\n- [How to check if a value exists in an Array of Objects in JavaScript](/blog/check-object-in-javascript-array)\n\n<br>\n","coverImage":{"url":"/images/cover-image.png"},"url":"cypress-get-text-of-an-element","hashtags":"#javascript #cypress"}},"__N_SSG":true}