[ES] Update part5d.md

Remove duplicated content and add missing explanations

Author: vlondonoma

src/content/5/es/part5d.md

@@ -63,15 +63,15 @@ Agreguemos un script npm al <i>backend </i> que lo inicia en modo de prueba, o p
 {
   // ...
   "scripts": {
-    "start": "cross-env NODE_ENV=production node index.js",
-    "dev": "cross-env NODE_ENV=development nodemon index.js",
+    "start": "NODE_ENV=production node index.js",
+    "dev": "NODE_ENV=development nodemon index.js",
     "build:ui": "rm -rf build && cd ../../../2/luento/notes && npm run build && cp -r build ../../../3/luento/notes-backend",
     "deploy": "git push heroku master",
     "deploy:full": "npm run build:ui && git add . && git commit -m uibuild && git push && npm run deploy",
     "logs:prod": "heroku logs --tail",
     "lint": "eslint .",
-    "test": "cross-env NODE_ENV=test jest --verbose --runInBand",
-    "start:test": "cross-env NODE_ENV=test node index.js" // highlight-line
+    "test": "NODE_ENV=test jest --verbose --runInBand",
+    "start:test": "NODE_ENV=test node index.js" // highlight-line
   },
   // ...
 }
@@ -83,7 +83,25 @@ Cuando tanto el backend como el frontend están ejecutándose, podemos iniciar C
 npm run cypress:open
 ```
 
-Cuando ejecutamos Cypress por primera vez, crea un directorio <i>cypress</i>. Contiene un subdirectorio <i> integration </i>, donde colocaremos nuestras pruebas. Cypress crea un montón de pruebas de ejemplo para nosotros en el directorio <i>integration/examples</i>. Podemos eliminar el directorio <i>examples</i> y hacer nuestra propia prueba en el archivo <i>note\\_app.spec.js</i>:
+Cypress nos pregunta qué tipo de test realizaremos. Debemos elegir "E2E Testing":
+
+![cypress arrow towards e2e testing option](../../images/5/51new.png)
+
+A continuación debemos elegir un navegador (por ejemplo Chrome) y luego debemos hacer click en "Create new spec":
+
+![create new spec with arrow pointing towards it](../../images/5/52new.png)
+
+Creemos el archivo de test <i>cypress/e2e/note\_app.cy.js</i>:
+
+![cypress with path cypress/e2e/note_app.cy.js](../../images/5/53new.png)
+
+Podemos editar el test en Cypress, pero usemos en cambio VS Code:
+
+![vscode showing edits of test and cypress showing spec added](../../images/5/54new.png)
+
+Ahora podemos cerrar la vista de edición de Cypress.
+
+Cambiemos el contenido del test como se muestra a continuación:
 
 ```js
 describe('Note app', function() {
@@ -298,8 +316,6 @@ La última fila asegura que el inicio de sesión fue exitoso.
 
 Tenga en cuenta que el CSS [id-selector](https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors) es #, así que si queremos buscar un elemento con el id <i>username</i> el selector de CSS es <i>#username</i>.
 
-### Algunas cosas a tener en cuenta
-
 La prueba primero hace clic en el botón que abre el formulario de inicio de sesión como
 
 ```js
@@ -319,40 +335,6 @@ Si buscamos un botón por su texto, [cy.contains](https://docs.cypress.io/api/co
 Esto sucederá incluso si el botón no está visible.
 Para evitar conflictos de nombres, le dimos al botón de enviar la identificación <i>login-button</i> que podemos usar para acceder a él.
 
-Ahora notamos que la variable _cy_ que usan nuestras pruebas nos da un desagradable error de Eslint
-
-![](../../images/5/30ea.png)
-
-Podemos deshacernos de él instalando [eslint-plugin-cypress](https://github.com/cypress-io/eslint-plugin-cypress) como una dependencia de desarrollo
-
-```js
-npm install eslint-plugin-cypress --save-dev
-```
-
-y cambiando la configuración en <i>.eslintrc.js</i> así:
-
-```js
-module.exports = {
-    "env": {
-        "browser": true,
-        "es6": true,
-        "jest/globals": true,
-        "cypress/globals": true // highlight-line
-    },
-    "extends": [ 
-      // ...
-    ],
-    "parserOptions": {
-      // ...
-    },
-    "plugins": [
-        "react", "jest", "cypress" // highlight-line
-    ],
-    "rules": {
-      // ...
-    }
-}
-```
 
 ### Probando un nuevo formulario de nota
 
@@ -933,13 +915,13 @@ Reemplazemos todas las direcciones del backend en los tests de la siguiente mane
 describe('Note ', function() {
   beforeEach(function() {
     cy.visit('')
-    cy.request('POST', `${Cypress.env('EXTERNAL_API')}/testing/reset`) // highlight-line
+    cy.request('POST', `${Cypress.env('BACKEND')}/testing/reset`) // highlight-line
     const user = {
       name: 'Matti Luukkainen',
       username: 'mluukkai',
       password: 'secret'
     }
-    cy.request('POST', `${Cypress.env('EXTERNAL_API')}/users`, user) // highlight-line
+    cy.request('POST', `${Cypress.env('BACKEND')}/users`, user) // highlight-line
   })
   // ...
 })
@@ -1116,7 +1098,7 @@ El frontend y los tests/pruebas se pueden encontrar en [github](https://github.c
 
 En los últimos ejercicios de esta parte haremos algunas pruebas E2E para nuestra aplicación de blog.
 El material de esta parte debería ser suficiente para completar los ejercicios.
-Absolutamente también debería consultar la [documentación](https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell) de Cypress (https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell). Probablemente sea la mejor documentación que he visto para un proyecto de código abierto.
+También debería consultar la [documentación](https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell) de Cypress. Probablemente sea la mejor documentación que he visto para un proyecto de código abierto.
 
 Recomiendo especialmente leer [Introducción a Cypress](https://docs.cypress.io/guides/core-concepts/introduction-to-cypress.html#Cypress-Can-Be-Simple-Sometimes), que afirma que
 
@@ -1142,7 +1124,7 @@ describe('Blog app', function() {
 })
 ```
 
-El blog de formateo <i>beforeEach</i> debe vaciar la base de datos utilizando, por ejemplo, el método que usamos en el [material](/es​​/part5/end_to_end_testing#controlando-el-estado-de-la-base-de-datos).
+El blog de formateo <i>beforeEach</i> debe vaciar la base de datos utilizando, por ejemplo, el método que usamos en el [material](/es/part5/pruebas_de_extremo_a_extremo#controlar-el-estado-de-la-base-de-datos).
 
 #### 5.18: prueba de extremo a extremo de la lista de blogs, paso 2