How to get the header from table in protractor?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}

I have table in my angular application. How to iterate through the table headers and compare the headings in it?

Following is sample html code.

<table>

        <tbody> 

             <th>

                <td>head1</td>

                <td>head2</td>

                <td>head2</td>

            </th>



            <tr>

                <td>row1Col1</td>

                <td>row1Col2</td>

                <td>row1Col3</td>

            </tr>



            <tr>

                <td>row2Col1</td>

                <td>row3Col2</td>

                <td>row4Col3</td>

            </tr>



            <tr>

                <td>row3Col1</td>

                <td>row3Col2</td>

                <td>row3Col3</td>

            </tr>



        </tbody>

    </table>

How to loop through the number of columns(headers).

asked Jan 4 at 4:46

venkatesh

2518

add a comment |

I have table in my angular application. How to iterate through the table headers and compare the headings in it?

Following is sample html code.

<table>

        <tbody> 

             <th>

                <td>head1</td>

                <td>head2</td>

                <td>head2</td>

            </th>



            <tr>

                <td>row1Col1</td>

                <td>row1Col2</td>

                <td>row1Col3</td>

            </tr>



            <tr>

                <td>row2Col1</td>

                <td>row3Col2</td>

                <td>row4Col3</td>

            </tr>



            <tr>

                <td>row3Col1</td>

                <td>row3Col2</td>

                <td>row3Col3</td>

            </tr>



        </tbody>

    </table>

How to loop through the number of columns(headers).

asked Jan 4 at 4:46

venkatesh

2518

add a comment |

I have table in my angular application. How to iterate through the table headers and compare the headings in it?

Following is sample html code.

<table>

        <tbody> 

             <th>

                <td>head1</td>

                <td>head2</td>

                <td>head2</td>

            </th>



            <tr>

                <td>row1Col1</td>

                <td>row1Col2</td>

                <td>row1Col3</td>

            </tr>



            <tr>

                <td>row2Col1</td>

                <td>row3Col2</td>

                <td>row4Col3</td>

            </tr>



            <tr>

                <td>row3Col1</td>

                <td>row3Col2</td>

                <td>row3Col3</td>

            </tr>



        </tbody>

    </table>

How to loop through the number of columns(headers).

asked Jan 4 at 4:46

venkatesh

2518

I have table in my angular application. How to iterate through the table headers and compare the headings in it?

Following is sample html code.

<table>

        <tbody> 

             <th>

                <td>head1</td>

                <td>head2</td>

                <td>head2</td>

            </th>



            <tr>

                <td>row1Col1</td>

                <td>row1Col2</td>

                <td>row1Col3</td>

            </tr>



            <tr>

                <td>row2Col1</td>

                <td>row3Col2</td>

                <td>row4Col3</td>

            </tr>



            <tr>

                <td>row3Col1</td>

                <td>row3Col2</td>

                <td>row3Col3</td>

            </tr>



        </tbody>

    </table>

How to loop through the number of columns(headers).

protractor

asked Jan 4 at 4:46

venkatesh

2518

asked Jan 4 at 4:46

venkatesh

2518

asked Jan 4 at 4:46

venkatesh

2518

asked Jan 4 at 4:46

venkatesh

2518

asked Jan 4 at 4:46

venkatesh

2518

add a comment |

1 Answer
1

active

oldest

votes

Method 1

var expectHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expect(headers.getText()).toEqual(expectHeaders);



//or do assertion in then()

headers.getText().then(function(actualHeaders){

  expect(actualHeaders).toEqual(expectHeaders);

  // or compare header one by one in loop

  expectHeaders.forEach(function(expectHeader, index){

     expect(actualHeaders[index]).toEqual(expectHeader);

  })

})

Method 2

if you prefer to iterate through each header

var expectedHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expectedHeaders.forEach(function(header, index){

   expect(headers.get(index).getText()).toEqual(header);

   // or compare in then()

   headers.get(index).getText().then(function(actual){

      expect(actual).toEqual(header)

   })

});

edited Jan 4 at 7:35

answered Jan 4 at 4:52

yong

7,3261412

Thanks yong!!..I have a question. What if one more column added in future to the table.I am searching for iterate through the total number column(loop should depend on number of column)

– venkatesh
Jan 4 at 5:01

If the header changed in future, you have to change the expected value in assertion statement in test script. Like expect(headers).toEqual(['head1', 'head2', 'head3', 'head4', ...]); . I can't get the reason why you need to iterate through each head by index.

– yong
Jan 4 at 5:06

Is there any way using then function?

– venkatesh
Jan 4 at 5:22

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54033246%2fhow-to-get-the-header-from-table-in-protractor%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

Method 1

var expectHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expect(headers.getText()).toEqual(expectHeaders);



//or do assertion in then()

headers.getText().then(function(actualHeaders){

  expect(actualHeaders).toEqual(expectHeaders);

  // or compare header one by one in loop

  expectHeaders.forEach(function(expectHeader, index){

     expect(actualHeaders[index]).toEqual(expectHeader);

  })

})

Method 2

if you prefer to iterate through each header

var expectedHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expectedHeaders.forEach(function(header, index){

   expect(headers.get(index).getText()).toEqual(header);

   // or compare in then()

   headers.get(index).getText().then(function(actual){

      expect(actual).toEqual(header)

   })

});

edited Jan 4 at 7:35

answered Jan 4 at 4:52

yong

7,3261412

Thanks yong!!..I have a question. What if one more column added in future to the table.I am searching for iterate through the total number column(loop should depend on number of column)

– venkatesh
Jan 4 at 5:01

If the header changed in future, you have to change the expected value in assertion statement in test script. Like expect(headers).toEqual(['head1', 'head2', 'head3', 'head4', ...]); . I can't get the reason why you need to iterate through each head by index.

– yong
Jan 4 at 5:06

Is there any way using then function?

– venkatesh
Jan 4 at 5:22

add a comment |

Method 1

var expectHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expect(headers.getText()).toEqual(expectHeaders);



//or do assertion in then()

headers.getText().then(function(actualHeaders){

  expect(actualHeaders).toEqual(expectHeaders);

  // or compare header one by one in loop

  expectHeaders.forEach(function(expectHeader, index){

     expect(actualHeaders[index]).toEqual(expectHeader);

  })

})

Method 2

if you prefer to iterate through each header

var expectedHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expectedHeaders.forEach(function(header, index){

   expect(headers.get(index).getText()).toEqual(header);

   // or compare in then()

   headers.get(index).getText().then(function(actual){

      expect(actual).toEqual(header)

   })

});

edited Jan 4 at 7:35

answered Jan 4 at 4:52

yong

7,3261412

Thanks yong!!..I have a question. What if one more column added in future to the table.I am searching for iterate through the total number column(loop should depend on number of column)

– venkatesh
Jan 4 at 5:01

If the header changed in future, you have to change the expected value in assertion statement in test script. Like expect(headers).toEqual(['head1', 'head2', 'head3', 'head4', ...]); . I can't get the reason why you need to iterate through each head by index.

– yong
Jan 4 at 5:06

Is there any way using then function?

– venkatesh
Jan 4 at 5:22

add a comment |

Method 1

var expectHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expect(headers.getText()).toEqual(expectHeaders);



//or do assertion in then()

headers.getText().then(function(actualHeaders){

  expect(actualHeaders).toEqual(expectHeaders);

  // or compare header one by one in loop

  expectHeaders.forEach(function(expectHeader, index){

     expect(actualHeaders[index]).toEqual(expectHeader);

  })

})

Method 2

if you prefer to iterate through each header

var expectedHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expectedHeaders.forEach(function(header, index){

   expect(headers.get(index).getText()).toEqual(header);

   // or compare in then()

   headers.get(index).getText().then(function(actual){

      expect(actual).toEqual(header)

   })

});

edited Jan 4 at 7:35

answered Jan 4 at 4:52

yong

7,3261412

Method 1

var expectHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expect(headers.getText()).toEqual(expectHeaders);



//or do assertion in then()

headers.getText().then(function(actualHeaders){

  expect(actualHeaders).toEqual(expectHeaders);

  // or compare header one by one in loop

  expectHeaders.forEach(function(expectHeader, index){

     expect(actualHeaders[index]).toEqual(expectHeader);

  })

})

Method 2

if you prefer to iterate through each header

var expectedHeaders = ['head1', 'head2', 'head3'];

var headers = element.all(by.css('table > tbody > th > td'));



expectedHeaders.forEach(function(header, index){

   expect(headers.get(index).getText()).toEqual(header);

   // or compare in then()

   headers.get(index).getText().then(function(actual){

      expect(actual).toEqual(header)

   })

});

edited Jan 4 at 7:35

answered Jan 4 at 4:52

yong

7,3261412

edited Jan 4 at 7:35

answered Jan 4 at 4:52

yong

7,3261412

answered Jan 4 at 4:52

yong

7,3261412

answered Jan 4 at 4:52

yong

7,3261412

Thanks yong!!..I have a question. What if one more column added in future to the table.I am searching for iterate through the total number column(loop should depend on number of column)

– venkatesh
Jan 4 at 5:01

If the header changed in future, you have to change the expected value in assertion statement in test script. Like expect(headers).toEqual(['head1', 'head2', 'head3', 'head4', ...]); . I can't get the reason why you need to iterate through each head by index.

– yong
Jan 4 at 5:06

Is there any way using then function?

– venkatesh
Jan 4 at 5:22

add a comment |

Thanks yong!!..I have a question. What if one more column added in future to the table.I am searching for iterate through the total number column(loop should depend on number of column)

– venkatesh
Jan 4 at 5:01

If the header changed in future, you have to change the expected value in assertion statement in test script. Like expect(headers).toEqual(['head1', 'head2', 'head3', 'head4', ...]); . I can't get the reason why you need to iterate through each head by index.

– yong
Jan 4 at 5:06

Is there any way using then function?

– venkatesh
Jan 4 at 5:22

Thanks yong!!..I have a question. What if one more column added in future to the table.I am searching for iterate through the total number column(loop should depend on number of column)

– venkatesh
Jan 4 at 5:01

If the header changed in future, you have to change the expected value in assertion statement in test script. Like expect(headers).toEqual(['head1', 'head2', 'head3', 'head4', ...]); . I can't get the reason why you need to iterate through each head by index.

– yong
Jan 4 at 5:06

Is there any way using then function?

– venkatesh
Jan 4 at 5:22

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Bdtjtk