Error: Cannot read properties of undefined (reading '0')

[danielyedaniel]

Hello, I am getting a strange TypeError when I am trying to run my spec. It tells me:

The following error originated from your test code, not from Cypress.

  > Cannot read properties of undefined (reading '0')

When Cypress detects uncaught errors originating from your test code it will automatically fail the current test.

It threw this error when I indexed a list. Below is the code snipped from my spec

 for(let i=0;i<8;i++){

   it(elements[i][0]+": check save", () => {

If someone could help me resolve this issue, it would be much appreciated.

[jjhelguero]

Can you share the elements data?

[danielyedaniel]

Here is the elements array:

const elements=[
    ["Name",':nth-child(2) > [data-v-bd0c1ba8=""][data-v-16de0d30=""] > :nth-child(1) > .w-100 > .tooltip-wrapper > .tooltip-parent > :nth-child(1) > .form-group > .input-group > .form-control']
   ,["Inventory Location",':nth-child(2) > [data-v-bd0c1ba8=""][data-v-16de0d30=""] > :nth-child(3) > .w-100 > .tooltip-wrapper > .tooltip-parent > :nth-child(1) > .form-group > .input-group > .form-control']
   ,["Version","[data-v-bd0c1ba8=\"\"][data-v-16de0d30=\"\"] > :nth-child(5) > .w-100 > .tooltip-wrapper > .input-group > :nth-child(1) > .form-group > .select2 > .selection > .select2-selection > .select2-selection__arrow","Master",'.select2-search__field']
   ,["Base Category",'[data-v-bd0c1ba8=""][data-v-16de0d30=""] > :nth-child(6) > .w-100 > .tooltip-wrapper > .input-group > :nth-child(1) > .form-group > .select2 > .selection > .select2-selection > .select2-selection__arrow',"Root",'.select2-search__field']
   ,["Price Base",':nth-child(4) > .w-100 > .tooltip-wrapper > .tooltip-parent > :nth-child(1) > .form-group > .input-group > .form-control',"CAD",]
   ,["API Path",':nth-child(4) > [data-v-bd0c1ba8=""][data-v-16de0d30=""] > :nth-child(1) > .w-100 > .tooltip-wrapper > .tooltip-parent > :nth-child(1) > .form-group > .input-group > .form-control',"Placeholder"]
   ,["Client Id",':nth-child(4) > [data-v-bd0c1ba8=""][data-v-16de0d30=""] > :nth-child(2) > .w-100 > .tooltip-wrapper > .tooltip-parent > :nth-child(1) > .form-group > .input-group > .form-control',"Placeholder"],
   ,["Access Token",':nth-child(4) > [data-v-bd0c1ba8=""][data-v-16de0d30=""] > :nth-child(3) > .w-100 > .tooltip-wrapper > .tooltip-parent > :nth-child(1) > .form-group > .input-group > .form-control',"Placeholder"]]

[danielyedaniel]

Still doesnt work with this as the elements array:

const elements=[
    ["Name",'[name="channel_name"]']
   ,["Inventory Location",'[name="inventory_location"]']
   ,["Version","[data-v-bd0c1ba8=\"\"][data-v-16de0d30=\"\"] > :nth-child(5) > .w-100 > .tooltip-wrapper > .input-group > :nth-child(1) > .form-group > .select2 > .selection > .select2-selection > .select2-selection__arrow","Master",'.select2-search__field']
   ,["Base Category",'[data-v-bd0c1ba8=""][data-v-16de0d30=""] > :nth-child(6) > .w-100 > .tooltip-wrapper > .input-group > :nth-child(1) > .form-group > .select2 > .selection > .select2-selection > .select2-selection__arrow',"Root",'.select2-search__field']
   ,["Price Base",'[name="price_base"]',"CAD",]
   ,["API Path",'[name="bc_v3_api_path"]',"Placeholder"]
   ,["Client Id",'[name="bc_v3_client_id"]',"Placeholder"],
   ,["Access Token",'[name="bc_v3_access_token"]',"Placeholder"]]

[jjhelguero]

You can probably simplify it with using an array of objects.

const elements = [
   {element: "Name", selector: "[name=channel_name]"},
  ...]

Cypress._.times(elements, (n) => {
   it(elements[n].element+": check save", () => {

})

[danielyedaniel]

This helped a lot, thank you.