cypress - get return of chain method with page objects

Question

I implemented page objects with some chain methods.

Page looks like this

class Table {
    getTable() {
       return cy.get('table#tblItem');
    }

    getListRow() {
       return this.getTable()
           .within(($tbl) => {
               cy.get('tbody').scrollTo('bottom', { ensureScrollable: false, duration: 1000 });
               return cy.wrap($tbl).find('tbody#itemBody tr');
        });
   }
}

And in cypress spec file, I do assertion to verify if the row list has items

Table.getListRow()
     .then((lstRowItem) => {
           expect(lstRowItem).have.length.greaterThan(1);
     })

But I always get the result of method 'getTable()', not 'getListRow()'. The test failed because it gets value 1 of the table.

How can I get correct return of this chain method.

Thank you

In your code Table is a class, not an instance and getListRow() is a method on an instance. You need to create a Table object as in const t = new Table(). Then, you can call t.getListRow(). — jfriend00
– jfriend00, Commented May 24, 2022 at 5:28
Thanks for your answer. The <Table> is actually an instance I declared before. The above is just a draft snip code version. Sorry for the confusing. — lct_005
– lct_005, Commented May 24, 2022 at 6:11
The issue is the ".within()" command which does not allow to change subject as @Fody's answer. — lct_005
– lct_005, Commented May 24, 2022 at 6:12

Fody · Accepted Answer · 2022-05-24 06:01:03Z

2

The .within() command will not permit returning of the inner value.

Use a .then() and .find() instead.

getListRow() {
  return this.getTable()
    .then($tbl => {
      return cy.wrap($tbl).find('tbody')
        .scrollTo('bottom', { ensureScrollable: false, duration: 1000 })
        .then(() => {
          return cy.wrap($tbl).find('tbody#itemBody tr');
        });
   })

Ref: .within()

.within() yields the same subject it was given from the previous command.

answered May 24, 2022 at 6:01

Fody

21.2k4 gold badges39 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

lct_005 Over a year ago

Thanks for pointing this out. I missed this ".within()" behavior. Changed to use ".then()" solves my error.

Collectives™ on Stack Overflow

cypress - get return of chain method with page objects

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related