So I have implemented a Cucumberjs data table, however I do not think I have done it right.. Here what I have

this.And(/^If I click the row "([^"]*)" then I should the following nested information$/, function (rowName, data) {
        resultPage.clickRow(rowName);
        data = dataTable.raw();
        return console.log(data);
    });

And my Gherkin step looks like

Then If I click the row "Summary" then I should the following nested information
      | Tax       | 11.50
      | Gratuity  | 4.50
      | Total     | 26.59

right now I am just trying to get this table and print it out to make sure it es back in the right format, but I get a lexing error and the test wont even start. How can you implement this in Javascript?? I cant seem to find any documentation or examples online for cucumberjs, but of course there are several for java/cucumber.

Also, I understand that the lexing error is related to the fact that it is expecting this to be a scenario outline, and that I did not specify Example: before the table. However, this is not supposed to be a scenario outline. This is supposed to be a data table..

So I have implemented a Cucumberjs data table, however I do not think I have done it right.. Here what I have

this.And(/^If I click the row "([^"]*)" then I should the following nested information$/, function (rowName, data) {
        resultPage.clickRow(rowName);
        data = dataTable.raw();
        return console.log(data);
    });

And my Gherkin step looks like

Then If I click the row "Summary" then I should the following nested information
      | Tax       | 11.50
      | Gratuity  | 4.50
      | Total     | 26.59

right now I am just trying to get this table and print it out to make sure it es back in the right format, but I get a lexing error and the test wont even start. How can you implement this in Javascript?? I cant seem to find any documentation or examples online for cucumberjs, but of course there are several for java/cucumber.

Also, I understand that the lexing error is related to the fact that it is expecting this to be a scenario outline, and that I did not specify Example: before the table. However, this is not supposed to be a scenario outline. This is supposed to be a data table..

• javascript
• protractor
• cucumber
• cucumberjs

Share Follow edited Nov 29, 2016 at 17:31 Tree55Topz asked Nov 29, 2016 at 17:22 Tree55TopzTree55Topz 1,14255 gold badges2323 silver badges5858 bronze badges 6

• What is the error you are getting? – Grasshopper Commented Nov 29, 2016 at 17:44
• Lexing error on the line that my table starts – Tree55Topz Commented Nov 29, 2016 at 17:45
• 1 One thing I noticed in the table is that you need to end each line with the divider ie '|'. Not sure if that is a copy-paste mistake here. – Grasshopper Commented Nov 29, 2016 at 17:51
• @Grasshopper Oh crap, that did it! No that was my own fault :P It runs now, but I am getting a data.raw is not a function.. same result if I try data.hashes – Tree55Topz Commented Nov 29, 2016 at 18:03
• Not sure about this as never coded in javascript cucumber, but in your code above you are using dataTable.raw() instead of data.raw(). Saying becoz data is the parameter you are using in the function which cucumber will fill in the datatable details. – Grasshopper Commented Nov 29, 2016 at 18:07

 |  Show 1 more ment

2 Answers 2

Sorted by: Reset to default 5

The answer to this question is actually not very far off from the original question. I was missing the additional '|' on the right side of the table.

Then If I click the row "Summary" then I should the following nested information
      | Tax       | 11.50  |
      | Gratuity  | 4.50   |
      | Total     | 26.59  |

Additionally, ensure that the javascript step definition contains the parameters in order of use. So in this case, the same step definition used in the question is correct

this.And(/^If I click the row "([^"]*)" then I should the following nested information$/, function (rowName, data) {
        resultPage.clickRow(rowName);
        data = dataTable.raw();
        return console.log(data);
    }); 

This was suprisingly easy pared to the examples I saw for cucumber / java. Cucumberjs really needs to improve their documentation..

you can check data of table by some inbuilt methods.

(table.rows(),table.hashes(),table.rowsHash())

you can find implementation of above methods at(https://github./cucumber/cucumber-js/blob/master/features/data_tables.feature)