Want to validate the part of a string shouldn't be null

March 31, 2022

I have this following element which contain a string for Practitioner, its value is 1- zzz. How to validate after - it shouldn’t be null. Even if there is a string or empty. It shouldn’t print null. Also want to select the value under Practitioner (currently hard coded the position of the element as 2)

<div class="styles__container___BfTYi">
<div class="styles__subHeader___18Yg1">Practitioner</div>
<div class="styles__data___1senX">1- zzz</div>
</div>

I have the following code to retrieve the text,

 cy.get(pageSelector.practitionerValidator).eq(2).then(function($getText) {
        let practitionerName = $getText.text();
        var validateLastName = practitionerName.split(' ');
        cy.log(validateLastName[1]);
        expect(validateLastName[1]).to.not.equal('null');
    })

>Solution :

You can directly check that the entire string is not null like this:

cy.get('.styles__data___1senX').then(($ele) => {
  expect($ele.text()).to.not.be.null
})

Or if you want to check that your inner text is not empty you can do:

cy.get('.styles__data___1senX').then(($ele) => {
  expect($ele.text()).to.not.be.empty
})

You can find the selector from the text Practitioner like this:

cy.contains('Practitioner')
  .parent()
  .within(() => {
    cy.get('div[class*="styles__data__"]').then(($ele) => {
      expect($ele.text()).to.not.be.null
    })
  })