test: setup cypress

[asbiin]

Fix cypress run and add it to the pipeline.

List elements

When we deal with list elements, cypress cannot now the id of each item

• when a list is displayed
• when an object is added to the list

The solution is to add the id of every items in a v-cy-items attribute:

<div v-cy-name="activities-body" v-cy-items="activities.map(c => c.id)">
  <div v-for="activity in activities" :key="activity.id" class="ba br2 b--black-10 br--top w-100 mb2" v-cy-name="'activity-body-'+activity.id">
...
  <a href="" class="pointer" v-cy-name="'edit-activity-button-'+activity.id" @click.prevent="$set(activity, 'edit', true)">{{ $t('app.edit') }}</a>

The test looks like:

cy.get('[cy-name=activities-body]').should('be.visible')
  .invoke('attr', 'cy-items').then(function (item) {
    cy.get('[cy-name=edit-activity-button-'+item+']').click();
   ...
  })

the item var will contains the value of the cy-items attribute (here there is only 1 item)

Note that the v-cy-items and v-cy-name predicates does not do anything in production. On other environments, they add an attribute with the name of the predicate.

[cypress]

---

Test summary

16 • 5 • 0 • 0

---

Run details

Project	monica
Status	Failed
Commit	366759c
Started	Dec 20, 2019 7:38 PM
Ended	Dec 20, 2019 7:40 PM
Duration	01:16 💡
OS	Linux Ubuntu Linux - 16.04
Browser	Electron 78

View run in Cypress Dashboard ➡️

---

Failures

	contacts/gifts_spec.js ⏯		1
1	Gifts > lets you manage a gift
	journal/entries_spec.js ⏯		1
1	Journal entries > creates a journal entry when creating an activity
	contacts/activities_spec.js ⏯		1
1	Activities > lets you manage an activity
	settings/activity_types_spec.js ⏯		1
1	Settings: activity types > lets you add an activity type and use it
	contacts/contacts_spec.js ⏯		1
1	Contacts > lets you add a contact as favorite

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[mohammed90]

I guess this addresses #2835, right?

[asbiin]

@mohammed90 well, it's related to, but it does not solve this issue.
Here I would like to run cypress tests in the tests pipeline, and that's all.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities (and 0 Security Hotspots to review)
0 Code Smells

78.9% Coverage
0.0% Duplication

[djaiss]

Bravo, huge huge work.

[github-actions]

This pull request has been automatically locked since there
has not been any recent activity after it was closed.
Please open a new issue for related bugs.