├── README.old.md
├── .vscode
    ├── settings.json
    └── tasks.json
├── cypress
    ├── fixtures
    │   └── authentication
    │   │   └── authentication-success.json
    ├── plugins
    │   └── index.js
    ├── support
    │   ├── index.js
    │   └── commands.js
    └── integration
    │   └── authentication
    │       ├── authentication.e2e.test.js
    │       └── authentication.integration.test.js
├── .eslintrc
├── assets
    └── header.jpg
├── public
    ├── favicon.ico
    ├── manifest.json
    └── index.html
├── cypress.json
├── src
    ├── constants.js
    ├── App.test.js
    ├── strings.js
    ├── index.css
    ├── index.js
    ├── App.css
    ├── App.js
    ├── logo.svg
    ├── serviceWorker.js
    └── logo-ws.svg
├── working-software-mastering-ui-testing.code-workspace
├── .gitignore
├── package.json
├── server
    └── index.js
└── README.md


/README.old.md:
--------------------------------------------------------------------------------
1 | # working-software-mastering-ui-testing


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "editor.formatOnSave": true
3 | }
4 | 


--------------------------------------------------------------------------------
/cypress/fixtures/authentication/authentication-success.json:
--------------------------------------------------------------------------------
1 | {
2 |   "token": "xxxxxxxxxxxxxxxxxx"
3 | }
4 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 |     "globals": {
3 |         "cy": true
4 |     },
5 |     "parser": "babel-eslint"
6 | }
7 | 


--------------------------------------------------------------------------------
/assets/header.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NoriSte/working-software-mastering-ui-testing/HEAD/assets/header.jpg


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NoriSte/working-software-mastering-ui-testing/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/cypress.json:
--------------------------------------------------------------------------------
1 | {
2 |   "baseUrl": "http://localhost:3000/",
3 |   "cypress-watch-and-reload": {
4 |     "watch": "src/*"
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/src/constants.js:
--------------------------------------------------------------------------------
1 | export const SERVER_URL = "http://localhost:3001";
2 | export const AUTHENTICATE_API_URL = "/api/authentication";
3 | 


--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from './App';
 4 | 
 5 | it('renders without crashing', () => {
 6 |   const div = document.createElement('div');
 7 |   ReactDOM.render(<App />, div);
 8 |   ReactDOM.unmountComponentAtNode(div);
 9 | });
10 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": ".",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/src/strings.js:
--------------------------------------------------------------------------------
1 | export const USERNAME_PLACEHOLDER = "Your username";
2 | export const PASSWORD_PLACEHOLDER = "Your password";
3 | export const LOGIN_BUTTON = "Login";
4 | export const LOADING = "Loading";
5 | export const LONG_WAITING = "Be patient...";
6 | export const SUCCESS_FEEDBACK = "Welcome back!";
7 | export const GENERIC_ERROR = "An error occured, please retry";
8 | export const UNAUTHORIZED_ERROR = "The credentials are wrong";
9 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
 4 |     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
 5 |     sans-serif;
 6 |   -webkit-font-smoothing: antialiased;
 7 |   -moz-osx-font-smoothing: grayscale;
 8 | }
 9 | 
10 | code {
11 |   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
12 |     monospace;
13 | }
14 | 


--------------------------------------------------------------------------------
/working-software-mastering-ui-testing.code-workspace:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"folders": [
 3 | 		{
 4 | 			"path": "."
 5 | 		}
 6 | 	],
 7 | 	"settings": {
 8 | 		"workbench.colorCustomizations": {
 9 | 			"editor.background": "#000",
10 | 			"titleBar.activeBackground": "#4df75b",
11 | 			"titleBar.inactiveBackground": "#4df75b99",
12 | 			"titleBar.activeForeground": "#15202b",
13 | 			"titleBar.inactiveForeground": "#15202b99"
14 | 		}
15 | 	}
16 | }
17 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # production
12 | /build
13 | 
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 | 
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | 
25 | *.mp4
26 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | 
 7 | ReactDOM.render(<App />, document.getElementById('root'));
 8 | 
 9 | // If you want your app to work offline and load faster, you can change
10 | // unregister() to register() below. Note this comes with some pitfalls.
11 | // Learn more about service workers: https://bit.ly/CRA-PWA
12 | serviceWorker.unregister();
13 | 


--------------------------------------------------------------------------------
/cypress/plugins/index.js:
--------------------------------------------------------------------------------
 1 | // ***********************************************************
 2 | // This example plugins/index.js can be used to load plugins
 3 | //
 4 | // You can change the location of this file or turn off loading
 5 | // the plugins file with the 'pluginsFile' configuration option.
 6 | //
 7 | // You can read more here:
 8 | // https://on.cypress.io/plugins-guide
 9 | // ***********************************************************
10 | 
11 | // This function is called when a project is opened or re-opened (e.g. due to
12 | // the project's config changing)
13 | require("cypress-watch-and-reload/plugins");
14 | const task = require("cypress-skip-and-only-ui/task");
15 | 
16 | module.exports = (on, config) => {
17 |   on("task", task);
18 | };
19 | 


--------------------------------------------------------------------------------
/cypress/support/index.js:
--------------------------------------------------------------------------------
 1 | // ***********************************************************
 2 | // This example support/index.js is processed and
 3 | // loaded automatically before your test files.
 4 | //
 5 | // This is a great place to put global configuration and
 6 | // behavior that modifies Cypress.
 7 | //
 8 | // You can change the location of this file or turn off
 9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 | 
16 | // Import commands.js using ES2015 syntax:
17 | import "./commands";
18 | 
19 | // Alternatively you can use CommonJS syntax:
20 | // require('./commands')
21 | 
22 | // relaunch the tests as soon as you save your source files
23 | require("cypress-watch-and-reload/support");
24 | // allows you to skip (or run only) some tests directly from the Cypress UI
25 | require("cypress-skip-and-only-ui/support");
26 | 


--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // See https://go.microsoft.com/fwlink/?LinkId=733558
 3 |   // for the documentation about the tasks.json format
 4 |   "version": "2.0.0",
 5 |   "tasks": [
 6 |     {
 7 |       "label": "Starts the front-end app",
 8 |       "type": "shell",
 9 |       "command": "npm run start",
10 |       "group": "test",
11 |       "presentation": {
12 |         "reveal": "always",
13 |         "panel": "dedicated"
14 |       },
15 |       "auto": true
16 |     },
17 |     {
18 |       "label": "Starts the back-end app",
19 |       "type": "shell",
20 |       "command": "npm run start:server",
21 |       "group": "test",
22 |       "presentation": {
23 |         "reveal": "always",
24 |         "panel": "dedicated"
25 |       },
26 |       "auto": true
27 |     },
28 |     {
29 |       "label": "Open Cypress",
30 |       "type": "shell",
31 |       "command": "npm run cy:open",
32 |       "group": "test",
33 |       "presentation": {
34 |         "reveal": "always",
35 |         "panel": "dedicated"
36 |       },
37 |       "auto": true
38 |     }
39 |   ]
40 | }
41 | 


--------------------------------------------------------------------------------
/cypress/support/commands.js:
--------------------------------------------------------------------------------
 1 | // ***********************************************
 2 | // This example commands.js shows you how to
 3 | // create various custom commands and overwrite
 4 | // existing commands.
 5 | //
 6 | // For more comprehensive examples of custom
 7 | // commands please read more here:
 8 | // https://on.cypress.io/custom-commands
 9 | // ***********************************************
10 | //
11 | //
12 | // -- This is a parent command --
13 | // Cypress.Commands.add("login", (email, password) => { ... })
14 | //
15 | //
16 | // -- This is a child command --
17 | // Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
18 | //
19 | //
20 | // -- This is a dual command --
21 | // Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
22 | //
23 | //
24 | // -- This is will overwrite an existing command --
25 | // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
26 | 
27 | // a series of functions useful to test the front-end app the same way the user consumes it
28 | import "@testing-library/cypress/add-commands";
29 | 


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
 1 | @import url("https://fonts.googleapis.com/css?family=Lato&display=swap");
 2 | 
 3 | .App {
 4 |   text-align: center;
 5 |   font-size: 2rem;
 6 |   font-family: "Lato", sans-serif;
 7 | }
 8 | 
 9 | span,
10 | input {
11 |   display: block;
12 | }
13 | input,
14 | input::placeholder {
15 |   font-size: 1rem;
16 | }
17 | 
18 | button {
19 |   font-size: 1.3rem;
20 | }
21 | 
22 | .App-logo {
23 |   height: 30vmin;
24 |   max-height: 80px;
25 |   pointer-events: none;
26 |   margin: 20px;
27 | }
28 | 
29 | .App-header {
30 |   background-color: #6bce85;
31 |   max-height: 150px;
32 |   display: flex;
33 |   flex-direction: column;
34 |   align-items: center;
35 |   justify-content: center;
36 |   font-size: calc(10px + 2vmin);
37 |   color: white;
38 | }
39 | .App-header-ws {
40 |   background-color: #2e2e37;
41 | }
42 | 
43 | .App-link {
44 |   color: #ffe300;
45 | }
46 | 
47 | .App-body {
48 |   padding: 10%;
49 | }
50 | .App-body > * {
51 |   width: 100%;
52 | }
53 | .App-body > * + * {
54 |   margin-top: 1em;
55 | }
56 | 
57 | button {
58 |   background: #f36;
59 |   color: #fff;
60 |   border: none;
61 |   text-transform: uppercase;
62 |   font-weight: bold;
63 |   border-radius: 0.3em;
64 | }
65 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "working-software-mastering-ui-testing",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "start": "react-scripts start",
 7 |     "build": "react-scripts build",
 8 |     "test": "npx start-server-and-test start:server :3001 start:client",
 9 |     "eject": "react-scripts eject",
10 |     "// SERVER /////////": "",
11 |     "start:server": "nodemon server/index.js",
12 |     "// CYPRESS /////////": "",
13 |     "start:client": "npx start-server-and-test start :3000 cy:test",
14 |     "cy:open": "cypress open",
15 |     "cy:test": "cypress run",
16 |     "cy:test:integration": "cypress run --spec \"cypress/**/*.integration.*\"",
17 |     "cy:test:e2e": "cypress run --spec \"cypress/**/*.e2e.*\""
18 |   },
19 |   "eslintConfig": {
20 |     "extends": "react-app"
21 |   },
22 |   "browserslist": {
23 |     "production": [
24 |       ">0.2%",
25 |       "not dead",
26 |       "not op_mini all"
27 |     ],
28 |     "development": [
29 |       "last 1 chrome version",
30 |       "last 1 firefox version",
31 |       "last 1 safari version"
32 |     ]
33 |   },
34 |   "dependencies": {
35 |     "axios": "0.21.0",
36 |     "cors": "2.8.5",
37 |     "express": "4.17.1",
38 |     "react": "17.0.1",
39 |     "react-dom": "17.0.1",
40 |     "react-scripts": "4.0.0"
41 |   },
42 |   "devDependencies": {
43 |     "@cypress/browserify-preprocessor": "3.0.1",
44 |     "@testing-library/cypress": "4.2.0",
45 |     "cypress": "5.6.0",
46 |     "cypress-skip-and-only-ui": "1.2.10",
47 |     "cypress-watch-and-reload": "1.2.18",
48 |     "nodemon": "2.0.6",
49 |     "start-server-and-test": "1.11.5"
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <!--
 9 |       manifest.json provides metadata used when your web app is installed on a
10 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
11 |     -->
12 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
13 |     <!--
14 |       Notice the use of %PUBLIC_URL% in the tags above.
15 |       It will be replaced with the URL of the `public` folder during the build.
16 |       Only files inside the `public` folder can be referenced from the HTML.
17 | 
18 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
19 |       work correctly both with client-side routing and a non-root public URL.
20 |       Learn how to configure a non-root public URL by running `npm run build`.
21 |     -->
22 |     <title>React App</title>
23 |   </head>
24 |   <body>
25 |     <noscript>You need to enable JavaScript to run this app.</noscript>
26 |     <div id="root"></div>
27 |     <!--
28 |       This HTML file is a template.
29 |       If you open it directly in the browser, you will see an empty page.
30 | 
31 |       You can add webfonts, meta tags, or analytics to this file.
32 |       The build step will place the bundled scripts into the <body> tag.
33 | 
34 |       To begin the development, run `npm start` or `yarn start`.
35 |       To create a production bundle, use `npm run build` or `yarn build`.
36 |     -->
37 |   </body>
38 | </html>
39 | 


--------------------------------------------------------------------------------
/server/index.js:
--------------------------------------------------------------------------------
 1 | /** this is a fake server  */
 2 | 
 3 | var express = require("express");
 4 | var cors = require("cors");
 5 | var app = express();
 6 | 
 7 | app.use(express.json());
 8 | app.use(
 9 |   cors({
10 |     origin: "*"
11 |   })
12 | );
13 | 
14 | app.get("/", function(req, res) {
15 |   // just to have start-server-and-test working
16 |   res.send();
17 | });
18 | 
19 | app.post("/api/authentication", function(req, res) {
20 |   const { username, password } = req.body;
21 |   const user = users.find(item => item.username === username);
22 |   if (users && user && user.password === password) {
23 |     //  just to simulate E2E tests slowness// @see
24 |     //  https://slides.com/noriste/working-software-2019-mastering-ui-testing#ui-integration-tests
25 |     setTimeout(() => res.send({ token: Date.now() }), 1000 + Math.random() * 2000);
26 |   } else {
27 |     res.status(401);
28 |     res.send({});
29 |   }
30 | });
31 | 
32 | let users = [];
33 | app.post("/e2e-tests/seed-data", function(req, res) {
34 |   // a utility to add fake users for E2E tests
35 |   users.push({
36 |     username: req.body.username,
37 |     password: req.body.password
38 |   });
39 | 
40 |   //  just to simulate E2E tests slowness
41 |   //  https://slides.com/noriste/working-software-2019-mastering-ui-testing#ui-integration-tests
42 |   setTimeout(() => res.send({}), 1000 + Math.random() * 2000);
43 | });
44 | 
45 | app.post("/e2e-tests/wipe-data", function(req, res) {
46 |   // a utility to wipe the fake users data for E2E tests
47 |   users = [];
48 | 
49 |   //  just to simulate E2E tests slowness
50 |   //  https://slides.com/noriste/working-software-2019-mastering-ui-testing#ui-integration-tests
51 |   setTimeout(() => res.send({}), 1000 + Math.random() * 2000);
52 | });
53 | 
54 | app.listen(3001);
55 | 


--------------------------------------------------------------------------------
/cypress/integration/authentication/authentication.e2e.test.js:
--------------------------------------------------------------------------------
 1 | /// <reference types="Cypress" />
 2 | 
 3 | import { AUTHENTICATE_API_URL, SERVER_URL } from "../../../src/constants";
 4 | import {
 5 |   LOGIN_BUTTON,
 6 |   PASSWORD_PLACEHOLDER,
 7 |   SUCCESS_FEEDBACK,
 8 |   USERNAME_PLACEHOLDER
 9 | } from "../../../src/strings";
10 | 
11 | context("Authentication", () => {
12 |   const username = "stefano@conio.com";
13 |   const password = "mysupersecretpassword";
14 | 
15 |   // the presence of database data is one of the things that make E2E tests less practical
16 |   before(() => {
17 |     // E2E tests need to have credible data. Always wipe the previous tests data BEFORE the test
18 |     // because to avoid the possibility of test failure because of not-ready data
19 |     cy.request("POST", `${SERVER_URL}/e2e-tests/wipe-data`, {
20 |       username,
21 |       password
22 |     });
23 | 
24 |     //  E2E tests need to have credible data.
25 |     cy.request("POST", `${SERVER_URL}/e2e-tests/seed-data`, {
26 |       username,
27 |       password
28 |     });
29 |   });
30 | 
31 |   beforeEach(() => {
32 |     // just to leave more space to the Cypress test runner
33 |     cy.viewport(300, 600);
34 | 
35 |     // cy.server() allows you to intercept (and wait for) every fronte-end AJAX request
36 |     // @see https://docs.cypress.io/api/commands/server.html
37 |     cy.server();
38 | 
39 |     // visit a relative url, see the `cypress.json` file where the baseUrl is set
40 |     // @see https://docs.cypress.io/api/commands/visit.html#Syntax
41 |     cy.visit("/");
42 |   });
43 | 
44 |   // this is a copy of the integration test but without server stubbing.
45 |   // Remember to write a few E2E tests and a lot of integration ones
46 |   // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#ui-integration-tests
47 |   it("should work with the right credentials", () => {
48 |     // intercepts every auth AJAX request
49 |     cy.route({
50 |       method: "POST",
51 |       url: `**${AUTHENTICATE_API_URL}`
52 |     }).as("auth-xhr");
53 | 
54 |     cy.getByPlaceholderText(USERNAME_PLACEHOLDER)
55 |       .should("be.visible")
56 |       .type(username);
57 |     cy.getByPlaceholderText(PASSWORD_PLACEHOLDER)
58 |       .should("be.visible")
59 |       .type(password);
60 |     cy.getByText(LOGIN_BUTTON)
61 |       .should("be.visible")
62 |       .click();
63 | 
64 |     cy.wait("@auth-xhr").then(xhr => {
65 |       expect(xhr.request.body).to.have.property("username", username);
66 |       expect(xhr.request.body).to.have.property("password", password);
67 |       // since the integration tests already tested the front-end app, we use E2E tests to check the
68 |       // back-end app. It needs to ensure that the back-end app works and gets the correct response
69 |       // data
70 |       // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#backend-contract
71 |       expect(xhr.status).to.equal(200);
72 |       expect(xhr.response.body).to.have.property("token");
73 |     });
74 | 
75 |     cy.getByText(SUCCESS_FEEDBACK).should("be.visible");
76 |   });
77 | });
78 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
  1 | import Axios from "axios";
  2 | import React from "react";
  3 | import "./App.css";
  4 | import { AUTHENTICATE_API_URL, SERVER_URL } from "./constants";
  5 | import logoWS from "./logo-ws.svg";
  6 | import logo from "./logo.svg";
  7 | import {
  8 |   GENERIC_ERROR,
  9 |   LOADING,
 10 |   LOGIN_BUTTON,
 11 |   LONG_WAITING,
 12 |   PASSWORD_PLACEHOLDER,
 13 |   SUCCESS_FEEDBACK,
 14 |   UNAUTHORIZED_ERROR,
 15 |   USERNAME_PLACEHOLDER
 16 | } from "./strings";
 17 | 
 18 | /**
 19 |  * This app is far from being a well-written React app, its sole purpose is to allow me showing
 20 |  * some e2e testing characteristics
 21 |  */
 22 | function App() {
 23 |   // the controlled input states
 24 |   const [username, setUsername] = React.useState("");
 25 |   const [password, setPassword] = React.useState("");
 26 |   // the AJAX state
 27 |   const [loading, setLoading] = React.useState(false);
 28 |   const [error, setError] = React.useState("");
 29 |   const [success, setSuccess] = React.useState(false);
 30 |   const [longWaiting, setLongWaiting] = React.useState(false);
 31 | 
 32 |   const authenticate = async (usr, pwd) => {
 33 |     setLoading(true);
 34 |     let response;
 35 |     // in case of big loading duration, it changes the user feedback
 36 |     const timeoutId = setTimeout(() => setLongWaiting(true), 1000);
 37 |     try {
 38 |       // the real AJAX call
 39 |       response = await Axios.post(SERVER_URL + AUTHENTICATE_API_URL, {
 40 |         username: usr,
 41 |         password: pwd
 42 |       });
 43 |     } catch (e) {
 44 |       // 401 error means "unauthorized", it manages all the other error states as "generic" errors
 45 |       setError(e.response && e.response.status === 401 ? UNAUTHORIZED_ERROR : GENERIC_ERROR);
 46 |       setSuccess(false);
 47 |     }
 48 |     setLoading(false);
 49 |     setLongWaiting(false);
 50 |     clearTimeout(timeoutId);
 51 | 
 52 |     // success management
 53 |     if (response && response.status === 200) {
 54 |       setSuccess(true);
 55 |     }
 56 |   };
 57 | 
 58 |   // Always add some shortcuts letting the UI test to run faster
 59 |   // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#test-shortcuts
 60 |   if (window.Cypress) {
 61 |     window.cypressShortcuts = {
 62 |       authenticate
 63 |     };
 64 |   }
 65 | 
 66 |   return (
 67 |     <div className="App">
 68 |       {/* some companies to thank 😊 */}
 69 |       <header className="App-header-ws">
 70 |         <img src={logoWS} className="App-logo" alt="logo" />
 71 |       </header>
 72 |       <header className="App-header">
 73 |         <img src={logo} className="App-logo" alt="logo" />
 74 |       </header>
 75 |       {/* the app content to be tested */}
 76 |       <section className="App-body">
 77 |         <span>Please type</span>
 78 |         <input
 79 |           placeholder={USERNAME_PLACEHOLDER}
 80 |           value={username}
 81 |           onChange={e => setUsername(e.target.value)}
 82 |         />
 83 |         <input
 84 |           placeholder={PASSWORD_PLACEHOLDER}
 85 |           type="password"
 86 |           value={password}
 87 |           onChange={e => setPassword(e.target.value)}
 88 |         />
 89 |         <button onClick={() => authenticate(username, password)}>{LOGIN_BUTTON}</button>
 90 |         {/* AJAX loading feedbacks */}
 91 |         <span>
 92 |           {loading && LOADING}
 93 |           {success && SUCCESS_FEEDBACK}
 94 |           {error}
 95 |         </span>
 96 |         <span>{longWaiting && LONG_WAITING}</span>
 97 |       </section>
 98 |     </div>
 99 |   );
100 | }
101 | 
102 | export default App;
103 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Mastering UI Testing
 2 | 
 3 | [![Open Source Love](https://badges.frapsoft.com/os/mit/mit.svg?v=102)](https://github.com/ellerbrock/open-source-badge/)
 4 | 
 5 | - [Goal of this repository](#Goal-of-this-repository)
 6 | - [About this repository](#About-this-repository)
 7 | - [How to play with it](#How-to-play-with-it)
 8 | - [How to read it](#How-to-read-it)
 9 | - [UI Testing Best Practices book](#UI-Testing-Best-Practices-book)
10 | - [Notes for the talk](#Notes-for-the-talk)
11 | 
12 | <br />
13 | 
14 | [![Mastering UI Testing](assets/header.jpg)](https://www.agilemovement.it/workingsoftware/)
15 | 
16 | You can find the slides of the talk [here](https://slides.com/noriste/working-software-2019-mastering-ui-testing).
17 | 
18 | ## Goal of this repository
19 | 
20 | I made this repository to follow up with the best practices I highlighted during my talk at the
21 | [Working Software conference](https://www.agilemovement.it/workingsoftware/).
22 | 
23 | ## About this repository
24 | 
25 | - I bootstrapped this project with [create-react-app](https://facebook.github.io/create-react-app/docs/getting-started)
26 | - it contains a super-simple authentication form
27 | - it contains a fake server with artificial delays to simulate E2E testing slowness
28 | - it runs the tests in Travis too to show a complete UI Testing project
29 | - all the code is well commented, with a lot of links to the slide explanations
30 | - I wrote the front-end app with a outside-in approach writing the acceptance test at the beginning.
31 |   I have not tested it manually at all! Remember to use your [testing tool as your primary development tool](https://slides.com/noriste/working-software-2019-mastering-ui-testing#testing-tool-as-development-tool)
32 | - the `talk` branch is helpful only for the day of the conference, do not consider it
33 | 
34 | ## How to play with it
35 | 
36 | There are four main commands:
37 | 
38 | - `npm run start`: starts the (super simple) front-end app
39 | - `npm run start:server`: starts the (fake) back-end app
40 | - `npm run cy:open`: opens the Cypress UI
41 | - `npm test`: launches both the front-end and the back-end apps, and runs cypress in the non-visual
42 |   mode. Remember killing the manually launched apps since it uses the same ports
43 | 
44 | Please note: if you have the [Autolaunch
45 | extension](https://marketplace.visualstudio.com/items?itemName=philfontaine.autolaunch) for VS Code,
46 | it proposes you to launch these scripts automatically.
47 | 
48 | ## How to read it
49 | 
50 | - read the [slides of the talk](https://slides.com/noriste/working-software-2019-mastering-ui-testing)
51 | - launch the front-end app and take a look at the `src/App.js` file
52 | - launch both the back-end app and Cypress
53 | - launch the `authentication.integration.test.js` in Cypress and watch it running
54 | - open the `cypress/integration/authentication.integration.test.js` and explore it
55 | - then, move to the `cypress/integration/authentication.e2e.test.js`
56 | - in the end: run the `npm test` command
57 | 
58 | ## UI Testing Best Practices book
59 | 
60 | Do not forge to add a star to my (work in progress) [UI Testing Best
61 | Practices](https://github.com/NoriSte/ui-testing-best-practices) book on GitHub 😊
62 | 
63 | ## Notes for the talk
64 | 
65 | - checkout the `talk` branch
66 | - launch all the scripts except for `npx cypress open`
67 | - you will launch `npx cypress open` as soon as you start showing the code at the talk
68 | - show cypress and VSCode side-by-side on the same screen
69 | - prepare the browser opened on the slides
70 | - if you need, take a look at the `transcription.md` file on the `talk` branch
71 | - take a look at the ["How to Talk to Developers"](https://www.youtube.com/watch?v=l9JXH7JPjR4) talk by Ben Orenstein
72 | 


--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg width="154" height="65" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Group 2</title><defs><path d="M18.465 18.104c.07-6.444 4.99-9.61 9.87-9.572 3.323.026 6.645 1.566 8.402 4.607.948-2.603 2.754-4.07 4.778-4.07 1.839 0 3.431.74 4.561 2.045 1.17-1.59 3.212-2.437 5.299-2.437 2.962 0 6.356 2.382 6.356 6.487 0 1.483.083 4.992.324 6.432.147.876.818 1.732 1.65 1.837.735.093 1.702-.572 1.641-1.747-.362-2.092-.512-4.07-.522-5.333-.01-1.415.1-4.775.565-5.852.257-.598.577-1.063 1.275-1.223.972-.224 3.218-.543 4.153-.308.801.202 1.32.83 1.256 1.864-.294 4.844-.335 8.052.535 10.944.256.852.886 1.637 1.75 1.676.864.04 1.606-.792 1.647-1.683-.358-1.042-.557-2.217-.557-3.525 0-6.54 4.955-9.752 9.872-9.714C86.16 8.57 91 11.82 91 18.246c0 6.463-4.802 9.714-9.719 9.714-3.236 0-6.472-1.392-8.306-4.198l-.345.601c-.969 1.786-2.656 3.663-5.72 3.522-2.267-.104-3.9-1.627-4.822-3.675-1.074 1.795-3.175 4.074-6.125 3.701-2.951-.372-4.575-3.237-4.864-6.385-.198-2.155-.224-3.584-.324-4.758-.077-.887-.475-1.689-1.307-1.794-.826-.104-1.726.527-1.71 1.39.08 2.598.046 6.664.07 8.779.013 1.217-.336 1.724-1.594 2.058-1.073.284-2.247.512-4.003.51-.646 0-1.17-.557-1.17-1.245.005-2.523-.009-8.824-.198-9.71-.185-.87-.68-1.616-1.52-1.616-.419 0-.994.132-1.59.496l-.028.017c.189.798.29 1.662.29 2.593 0 6.463-4.801 9.714-9.718 9.714-3.804 0-7.608-1.923-9.135-5.805C17.685 25.028 14.222 28 9.892 28 3.024 28 0 22.97 0 17.805c0-5.164 4.174-9.233 9.551-9.233 4.366 0 7.006 2.554 7.793 6.246.535 2.514-.832 4.69-2.552 5.123-1.588.4-2.74-.408-3.333-1.416-.591-1.004-.62-2.226-.04-3.16.653-1.049 2.065-2.009 1.06-2.848-.95-.792-3.076.39-3.848 1.337-.638.782-1.447 1.803-1.447 3.951 0 2.967 2.622 5.544 5.657 5.544 2.916 0 5.361-2.188 5.624-5.245zm50.283-14.47a3.627 3.627 0 0 1-3.62 3.632c-2 0-3.621-1.626-3.621-3.633A3.627 3.627 0 0 1 65.127 0c2 0 3.621 1.627 3.621 3.633zM81.281 22.26c1.715-.038 3.278-1.376 3.278-4.015s-1.563-3.978-3.201-4.016c-1.677-.038-3.43 1.3-3.43 4.016 0 2.715 1.676 4.054 3.353 4.015zm-52.984 0c1.715-.038 3.278-1.376 3.278-4.015s-1.563-3.978-3.202-4.016c-1.677-.038-3.43 1.3-3.43 4.016 0 2.715 1.677 4.054 3.354 4.015z" id="a"/></defs><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M9.13 53.835c-.476 0-.942-.225-1.23-.644-1.9-2.773-2.596-6.107-1.96-9.389a1.483 1.483 0 0 1 1.737-1.164 1.468 1.468 0 0 1 1.177 1.717 9.446 9.446 0 0 0 1.502 7.19c.46.67.283 1.582-.395 2.037a1.488 1.488 0 0 1-.831.253M8.237 19.57c-.78 0-1.433-.602-1.48-1.382-.183-3.09.881-6.067 2.996-8.38 2.109-2.307 5.011-3.678 8.172-3.86 1.901-.11 3.815.227 5.533.975a1.46 1.46 0 0 1 .76 1.934 1.49 1.49 0 0 1-1.956.751 9.017 9.017 0 0 0-4.164-.732c-2.379.138-4.561 1.168-6.144 2.9-1.578 1.725-2.371 3.941-2.235 6.24a1.473 1.473 0 0 1-1.482 1.554" fill="#FFF"/><path d="M31.67 55.848c-2.984 3.142-6.43 5.484-10.43 6.025a16.04 16.04 0 0 1-2.15.145 15.83 15.83 0 0 1-9.534-3.179c-6.942-5.213-8.29-14.526-4.283-20.04.714-.984 1.404-2.125 1.896-3.308.258.835.422 1.791.478 2.945A1.476 1.476 0 0 0 9.2 39.83a1.473 1.473 0 0 0 1.411-1.535c-.201-4.163-1.679-6.432-3.245-8.265a1.494 1.494 0 0 0-.103-.109 4.318 4.318 0 0 0-.24-.362C.947 21.374 3.806 12.857 6.769 8.988c1.928-2.518 6.386-5.895 11.678-5.896 4.006 0 8.49 1.936 12.714 7.647 10.327 13.959 13.327 31.616.51 45.11m11.386-22.543c-.453-8.107-3.739-16.51-9.502-24.3-2.236-3.023-4.718-5.307-7.376-6.788C23.725.85 21.124.158 18.447.158c-5.97 0-11.355 3.546-14.044 7.059C2.286 9.98.883 13.69.55 17.397c-.44 4.905.972 9.711 4.08 13.9.738.992.027 3.32-1.767 5.79C.427 40.44-.473 44.956.394 49.478c.891 4.644 3.508 8.798 7.368 11.697a18.721 18.721 0 0 0 11.327 3.776c.85 0 1.709-.058 2.552-.172 4.275-.578 8.376-2.907 12.19-6.923 3.377-3.554 5.87-7.524 7.413-11.801 1.45-4.023 2.06-8.312 1.812-12.75m1.709-9.575a1.48 1.48 0 0 1-1.442-1.128 1.467 1.467 0 0 1 1.1-1.766l3.412-.8c.797-.188 1.596.3 1.786 1.088a1.466 1.466 0 0 1-1.101 1.766l-3.411.801c-.116.027-.23.04-.344.04m2.897 4.756l-.105-.003-2.364-.164a1.473 1.473 0 0 1-1.376-1.565 1.48 1.48 0 0 1 1.583-1.361l2.364.163a1.472 1.472 0 0 1 1.376 1.565 1.477 1.477 0 0 1-1.478 1.365m-4.44-8.84c-.49 0-.968-.239-1.251-.677a1.458 1.458 0 0 1 .451-2.026l1.997-1.262a1.493 1.493 0 0 1 2.048.446c.441.683.24 1.59-.45 2.026l-1.997 1.262a1.489 1.489 0 0 1-.798.231" fill="#14131D"/><path d="M27.761 26.833c-.237 0-.478-.059-.7-.181a1.417 1.417 0 0 1-.557-1.94c.77-1.365 2.122-2.301 3.708-2.567 1.65-.278 3.346.22 4.65 1.365.596.523.65 1.424.122 2.012a1.452 1.452 0 0 1-2.034.12c-.658-.576-1.459-.821-2.255-.687a2.347 2.347 0 0 0-1.674 1.146 1.443 1.443 0 0 1-1.26.732m-2.973 17.163c-1.995 0-3.92-.57-5.623-1.676a11.013 11.013 0 0 1-4.177-5.075 1.519 1.519 0 0 1 .86-1.98 1.547 1.547 0 0 1 2.002.85c1.075 2.66 3.866 5.174 7.677 4.796 4.08-.405 6.825-3.36 6.828-5.867a1.533 1.533 0 0 1 1.541-1.522h.003c.85.001 1.54.684 1.539 1.526-.003 2.252-1.1 4.428-3.087 6.129-1.782 1.524-4.157 2.533-6.517 2.767-.35.035-.699.052-1.046.052m-8.677-14.9c-1.348 0-2.446-1.086-2.446-2.42 0-1.333 1.098-2.419 2.446-2.419 1.35 0 2.447 1.086 2.447 2.42 0 1.333-1.098 2.419-2.447 2.419" fill="#14131D"/></g><g transform="translate(63 15)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#FFF" mask="url(#b)" d="M0 28h91V0H0z"/></g></g></svg>


--------------------------------------------------------------------------------
/src/serviceWorker.js:
--------------------------------------------------------------------------------
  1 | // This optional code is used to register a service worker.
  2 | // register() is not called by default.
  3 | 
  4 | // This lets the app load faster on subsequent visits in production, and gives
  5 | // it offline capabilities. However, it also means that developers (and users)
  6 | // will only see deployed updates on subsequent visits to a page, after all the
  7 | // existing tabs open on the page have been closed, since previously cached
  8 | // resources are updated in the background.
  9 | 
 10 | // To learn more about the benefits of this model and instructions on how to
 11 | // opt-in, read https://bit.ly/CRA-PWA
 12 | 
 13 | const isLocalhost = Boolean(
 14 |   window.location.hostname === 'localhost' ||
 15 |     // [::1] is the IPv6 localhost address.
 16 |     window.location.hostname === '[::1]' ||
 17 |     // 127.0.0.1/8 is considered localhost for IPv4.
 18 |     window.location.hostname.match(
 19 |       /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
 20 |     )
 21 | );
 22 | 
 23 | export function register(config) {
 24 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 25 |     // The URL constructor is available in all browsers that support SW.
 26 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
 27 |     if (publicUrl.origin !== window.location.origin) {
 28 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 29 |       // from what our page is served on. This might happen if a CDN is used to
 30 |       // serve assets; see https://github.com/facebook/create-react-app/issues/2374
 31 |       return;
 32 |     }
 33 | 
 34 |     window.addEventListener('load', () => {
 35 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 36 | 
 37 |       if (isLocalhost) {
 38 |         // This is running on localhost. Let's check if a service worker still exists or not.
 39 |         checkValidServiceWorker(swUrl, config);
 40 | 
 41 |         // Add some additional logging to localhost, pointing developers to the
 42 |         // service worker/PWA documentation.
 43 |         navigator.serviceWorker.ready.then(() => {
 44 |           console.log(
 45 |             'This web app is being served cache-first by a service ' +
 46 |               'worker. To learn more, visit https://bit.ly/CRA-PWA'
 47 |           );
 48 |         });
 49 |       } else {
 50 |         // Is not localhost. Just register service worker
 51 |         registerValidSW(swUrl, config);
 52 |       }
 53 |     });
 54 |   }
 55 | }
 56 | 
 57 | function registerValidSW(swUrl, config) {
 58 |   navigator.serviceWorker
 59 |     .register(swUrl)
 60 |     .then(registration => {
 61 |       registration.onupdatefound = () => {
 62 |         const installingWorker = registration.installing;
 63 |         if (installingWorker == null) {
 64 |           return;
 65 |         }
 66 |         installingWorker.onstatechange = () => {
 67 |           if (installingWorker.state === 'installed') {
 68 |             if (navigator.serviceWorker.controller) {
 69 |               // At this point, the updated precached content has been fetched,
 70 |               // but the previous service worker will still serve the older
 71 |               // content until all client tabs are closed.
 72 |               console.log(
 73 |                 'New content is available and will be used when all ' +
 74 |                   'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
 75 |               );
 76 | 
 77 |               // Execute callback
 78 |               if (config && config.onUpdate) {
 79 |                 config.onUpdate(registration);
 80 |               }
 81 |             } else {
 82 |               // At this point, everything has been precached.
 83 |               // It's the perfect time to display a
 84 |               // "Content is cached for offline use." message.
 85 |               console.log('Content is cached for offline use.');
 86 | 
 87 |               // Execute callback
 88 |               if (config && config.onSuccess) {
 89 |                 config.onSuccess(registration);
 90 |               }
 91 |             }
 92 |           }
 93 |         };
 94 |       };
 95 |     })
 96 |     .catch(error => {
 97 |       console.error('Error during service worker registration:', error);
 98 |     });
 99 | }
100 | 
101 | function checkValidServiceWorker(swUrl, config) {
102 |   // Check if the service worker can be found. If it can't reload the page.
103 |   fetch(swUrl)
104 |     .then(response => {
105 |       // Ensure service worker exists, and that we really are getting a JS file.
106 |       const contentType = response.headers.get('content-type');
107 |       if (
108 |         response.status === 404 ||
109 |         (contentType != null && contentType.indexOf('javascript') === -1)
110 |       ) {
111 |         // No service worker found. Probably a different app. Reload the page.
112 |         navigator.serviceWorker.ready.then(registration => {
113 |           registration.unregister().then(() => {
114 |             window.location.reload();
115 |           });
116 |         });
117 |       } else {
118 |         // Service worker found. Proceed as normal.
119 |         registerValidSW(swUrl, config);
120 |       }
121 |     })
122 |     .catch(() => {
123 |       console.log(
124 |         'No internet connection found. App is running in offline mode.'
125 |       );
126 |     });
127 | }
128 | 
129 | export function unregister() {
130 |   if ('serviceWorker' in navigator) {
131 |     navigator.serviceWorker.ready.then(registration => {
132 |       registration.unregister();
133 |     });
134 |   }
135 | }
136 | 


--------------------------------------------------------------------------------
/cypress/integration/authentication/authentication.integration.test.js:
--------------------------------------------------------------------------------
  1 | /// <reference types="Cypress" />
  2 | 
  3 | import { AUTHENTICATE_API_URL } from "../../../src/constants";
  4 | // all the app strings are imported, they allow us to test the front-end app like the user is going
  5 | // to consume it (through contents, not through selectors)
  6 | // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#test-through-contents
  7 | // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#frontend-contants
  8 | import {
  9 |   GENERIC_ERROR,
 10 |   LOADING,
 11 |   LOGIN_BUTTON,
 12 |   LONG_WAITING,
 13 |   PASSWORD_PLACEHOLDER,
 14 |   SUCCESS_FEEDBACK,
 15 |   UNAUTHORIZED_ERROR,
 16 |   USERNAME_PLACEHOLDER
 17 | } from "../../../src/strings";
 18 | 
 19 | context("Authentication", () => {
 20 |   beforeEach(() => {
 21 |     // just to leave more space to the Cypress test runner
 22 |     cy.viewport(300, 600);
 23 | 
 24 |     // cy.server() allows you to intercept (and wait for) every fronte-end AJAX request
 25 |     // @see https://docs.cypress.io/api/commands/server.html
 26 |     cy.server();
 27 | 
 28 |     // visit a relative url, see the `cypress.json` file where the baseUrl is set
 29 |     // @see https://docs.cypress.io/api/commands/visit.html#Syntax
 30 |     cy.visit("/");
 31 |   });
 32 | 
 33 |   const username = "stefano@conio.com";
 34 |   const password = "mysupersecretpassword";
 35 | 
 36 |   it("should work with the right credentials", () => {
 37 |     // intercepts every auth AJAX request and responds with the content of the
 38 |     // authentication-success.json fixture. This is called server stubbing
 39 |     cy.route({
 40 |       method: "POST",
 41 |       response: "fixture:authentication/authentication-success.json",
 42 |       url: `**${AUTHENTICATE_API_URL}`
 43 |     }).as("auth-xhr");
 44 | 
 45 |     // retrieves the elements to interact with by contents, the same way the user would do so
 46 |     cy.getByPlaceholderText(USERNAME_PLACEHOLDER)
 47 |       // in case of failures, a lot of assertions drive you directly to the exact problem that
 48 |       // occured, making test debugging useless
 49 |       // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#assert-frequently
 50 |       .should("be.visible")
 51 |       .type(username);
 52 |     cy.getByPlaceholderText(PASSWORD_PLACEHOLDER)
 53 |       .should("be.visible") // assertions FTW
 54 |       .type(password);
 55 |     cy.getByText(LOGIN_BUTTON)
 56 |       .should("be.visible") // assertions FTW
 57 |       .click();
 58 | 
 59 |     // the AJAX request is a deterministic event, it MUST happen for the front-end app to work!
 60 |     // Asserting on deterministic events make your test more robust
 61 |     // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#deterministic-events
 62 |     cy.wait("@auth-xhr").then(xhr => {
 63 |       // a lot of times the front-end app does not work because of wrong communication with the
 64 |       // back-end app, always assert on the request payload
 65 |       // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#backend-contract
 66 |       expect(xhr.request.body).to.have.property("username", username);
 67 |       expect(xhr.request.body).to.have.property("password", password);
 68 |     });
 69 | 
 70 |     // finally, the user must see the feedback
 71 |     cy.getByText(SUCCESS_FEEDBACK).should("be.visible");
 72 |   });
 73 | 
 74 |   // from now on, it will use a shared function to fill the form.
 75 |   // Remember always to add simple abstractions because, test by test, you always need to slightly
 76 |   // change the behavior to test every flow.
 77 |   const fillFormAndClick = ({ username, password }) => {
 78 |     cy.getByPlaceholderText(USERNAME_PLACEHOLDER)
 79 |       .should("be.visible") // assertions FTW
 80 |       .type(username);
 81 |     cy.getByPlaceholderText(PASSWORD_PLACEHOLDER)
 82 |       .should("be.visible") // assertions FTW
 83 |       .type(password);
 84 |     cy.getByText(LOGIN_BUTTON)
 85 |       .should("be.visible") // assertions FTW
 86 |       .click();
 87 |   };
 88 | 
 89 |   it("should alert the user it the login lasts long", () => {
 90 |     // it allows you to manage manually the front-end clock, see the `cy.tick` call
 91 |     cy.clock();
 92 | 
 93 |     cy.route({
 94 |       method: "POST",
 95 |       // the response is not useful for this test, it has to test the long-awaiting feedback, not
 96 |       // the feedback after the AJAX call completion
 97 |       response: {},
 98 |       url: `**${AUTHENTICATE_API_URL}`,
 99 |       // adds a super-long delay to the AJAX response
100 |       delay: 20000
101 |     }).as("auth-xhr");
102 | 
103 |     fillFormAndClick({ username, password });
104 | 
105 |     // moves forward the front-end clock, it allows to manage to force `setTimeout` to happen in a while
106 |     cy.tick(1000);
107 | 
108 |     cy.getByText(LOADING).should("be.visible");
109 |     cy.getByText(LONG_WAITING).should("be.visible");
110 |   });
111 | 
112 |   it("should alert the user it the credentials are wrong", () => {
113 |     // intercepts every auth AJAX request and responds with a 401 status
114 |     cy.route({
115 |       method: "POST",
116 |       response: {},
117 |       url: `**${AUTHENTICATE_API_URL}`,
118 |       status: 401
119 |     }).as("auth-xhr");
120 | 
121 |     fillFormAndClick({ username, password });
122 | 
123 |     cy.wait("@auth-xhr").then(xhr => {
124 |       expect(xhr.request.body).to.have.property("username", username);
125 |       expect(xhr.request.body).to.have.property("password", password);
126 |     });
127 | 
128 |     cy.getByText(UNAUTHORIZED_ERROR).should("be.visible");
129 |   });
130 | 
131 |   it("should alert the user it the server does not work", () => {
132 |     // intercepts every auth AJAX request and responds with a 500 status
133 |     cy.route({
134 |       method: "POST",
135 |       response: {},
136 |       url: `**${AUTHENTICATE_API_URL}`,
137 |       status: 500
138 |     }).as("auth-xhr");
139 | 
140 |     fillFormAndClick({ username, password });
141 |     cy.getByText(LOGIN_BUTTON).click();
142 | 
143 |     cy.getByText(GENERIC_ERROR).should("be.visible");
144 |   });
145 | 
146 |   // Other tests must not waste time with authentication, always allows them to authenticate as fast
147 |   // as they can, they will save precious seconds at every run.
148 |   // @see https://slides.com/noriste/working-software-2019-mastering-ui-testing#test-shortcuts
149 |   it("should expose a shortcut for fast authentication", () => {
150 |     cy.route({
151 |       method: "POST",
152 |       response: "fixture:authentication/authentication-success.json",
153 |       url: `**${AUTHENTICATE_API_URL}`
154 |     }).as("auth-xhr");
155 | 
156 |     cy.window().invoke("cypressShortcuts.authenticate", username, password);
157 | 
158 |     cy.wait("@auth-xhr").then(xhr => {
159 |       expect(xhr.request.body).to.have.property("username", username);
160 |       expect(xhr.request.body).to.have.property("password", password);
161 |     });
162 |   });
163 | });
164 | 


--------------------------------------------------------------------------------
/src/logo-ws.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" width="134" height="100" viewBox="0 0 134 100">
 2 | 	<style>
 3 | 
 4 | 		#cursor {
 5 | 			-webkit-animation: blink 1s step-end infinite;
 6 | 			animation: "blink" 1s step-end infinite;
 7 | 		}
 8 | 
 9 | 		@-webkit-keyframes "blink" {
10 | 			0% { opacity: 1.0; }
11 | 			50% { opacity: 0.0; }
12 | 			100% { opacity: 1.0; }
13 | 		}
14 | 
15 | 		@keyframes "blink" {
16 | 			0% { opacity: 1.0; }
17 | 			50% { opacity: 0.0; }
18 | 			100% { opacity: 1.0; }
19 | 		}
20 | 	</style>
21 |   <g fill="none">
22 |     <path fill="#D5D5D5" d="M5.832,12.474 C5.6519991,12.065998 5.49600066,11.6940017 5.364,11.358 C5.23199934,11.0219983 5.10300063,10.6860017 4.977,10.35 C4.85099937,10.0139983 4.72500063,9.66300183 4.599,9.297 C4.47299937,8.93099817 4.32600084,8.51400234 4.158,8.046 C3.98999916,8.51400234 3.84000066,8.93099817 3.708,9.297 C3.57599934,9.66300183 3.44700063,10.0139983 3.321,10.35 C3.19499937,10.6860017 3.06300069,11.0219983 2.925,11.358 C2.78699931,11.6940017 2.6280009,12.065998 2.448,12.474 L1.332,12.474 C0.99599832,10.9979926 0.71700111,9.53700723 0.495,8.091 C0.27299889,6.64499277 0.10800054,5.322006 -2.84217094e-14,4.122 L1.404,4.122 C1.44000018,4.59000234 1.47899979,5.04899775 1.521,5.499 C1.56300021,5.94900225 1.6139997,6.41999754 1.674,6.912 C1.7340003,7.40400246 1.80299961,7.93799712 1.881,8.514 C1.95900039,9.09000288 2.04599952,9.7379964 2.142,10.458 C2.33400096,9.9779976 2.49599934,9.5580018 2.628,9.198 C2.76000066,8.8379982 2.87999946,8.49600162 2.988,8.172 C3.09600054,7.84799838 3.20099949,7.51800168 3.303,7.182 C3.40500051,6.84599832 3.5159994,6.4680021 3.636,6.048 L4.752,6.048 L5.076,7.182 C5.17200048,7.51800168 5.27399946,7.84799838 5.382,8.172 L5.724,9.198 C5.8440006,9.5580018 5.9939991,9.97199766 6.174,10.44 C6.28200054,9.7799967 6.37799958,9.16800282 6.462,8.604 C6.54600042,8.03999718 6.6179997,7.50900249 6.678,7.011 C6.7380003,6.51299751 6.79199976,6.03000234 6.84,5.562 C6.88800024,5.09399766 6.92999982,4.61400246 6.966,4.122 L8.316,4.122 C8.2559997,4.722003 8.18400042,5.36399658 8.1,6.048 C8.01599958,6.73200342 7.9140006,7.4339964 7.794,8.154 C7.6739994,8.8740036 7.54200072,9.60299631 7.398,10.341 C7.25399928,11.0790037 7.10400078,11.7899966 6.948,12.474 L5.832,12.474 Z M16.938,8.298 C16.938,8.9580033 16.8450009,9.55499733 16.659,10.089 C16.4729991,10.6230027 16.2120017,11.0819981 15.876,11.466 C15.5399983,11.8500019 15.1380023,12.146999 14.67,12.357 C14.2019977,12.5670011 13.6920028,12.672 13.14,12.672 C12.5999973,12.672 12.0990023,12.5670011 11.637,12.357 C11.1749977,12.146999 10.7760017,11.8500019 10.44,11.466 C10.1039983,11.0819981 9.84300093,10.6230027 9.657,10.089 C9.47099907,9.55499733 9.378,8.9580033 9.378,8.298 C9.378,7.6379967 9.47099907,7.0380027 9.657,6.498 C9.84300093,5.9579973 10.1039983,5.49900189 10.44,5.121 C10.7760017,4.74299811 11.1749977,4.44900105 11.637,4.239 C12.0990023,4.02899895 12.5999973,3.924 13.14,3.924 C13.6920028,3.924 14.2019977,4.02899895 14.67,4.239 C15.1380023,4.44900105 15.5399983,4.74299811 15.876,5.121 C16.2120017,5.49900189 16.4729991,5.9579973 16.659,6.498 C16.8450009,7.0380027 16.938,7.6379967 16.938,8.298 Z M15.408,8.298 C15.408,7.34999526 15.204002,6.60300273 14.796,6.057 C14.387998,5.51099727 13.8360035,5.238 13.14,5.238 C12.4559966,5.238 11.913002,5.51099727 11.511,6.057 C11.108998,6.60300273 10.908,7.34999526 10.908,8.298 C10.908,9.23400468 11.108998,9.97499727 11.511,10.521 C11.913002,11.0670027 12.4559966,11.34 13.14,11.34 C13.8360035,11.34 14.387998,11.0670027 14.796,10.521 C15.204002,9.97499727 15.408,9.23400468 15.408,8.298 Z M19.584,12.474 L19.584,4.572 C20.8080061,4.1519979 22.0439938,3.942 23.292,3.942 C23.6760019,3.942 24.0419983,3.95699985 24.39,3.987 C24.7380017,4.01700015 25.1219979,4.07999952 25.542,4.176 L25.272,5.49 C24.8879981,5.38199946 24.5490015,5.31300015 24.255,5.283 C23.9609985,5.25299985 23.6400017,5.238 23.292,5.238 C22.5599963,5.238 21.8160038,5.33999898 21.06,5.544 L21.06,12.474 L19.584,12.474 Z M30.942,7.884 C31.2660016,8.1240012 31.631998,8.42699817 32.04,8.793 C32.448002,9.15900183 32.852998,9.5519979 33.255,9.972 C33.657002,10.3920021 34.0379982,10.8209978 34.398,11.259 C34.7580018,11.6970022 35.0459989,12.1019981 35.262,12.474 L33.498,12.474 C33.2699989,12.1019981 32.9880017,11.721002 32.652,11.331 C32.3159983,10.9409981 31.9590019,10.5660018 31.581,10.206 C31.2029981,9.8459982 30.8250019,9.5160015 30.447,9.216 C30.0689981,8.9159985 29.7300015,8.66400102 29.43,8.46 L29.43,12.474 L27.936,12.474 L27.936,0.252 L29.43,1.0658141e-14 L29.43,7.614 C30.0900033,7.03799712 30.7499967,6.46500285 31.41,5.895 C32.0700033,5.32499715 32.6639974,4.73400306 33.192,4.122 L34.938,4.122 C34.4219974,4.73400306 33.8010036,5.36399676 33.075,6.012 C32.3489964,6.66000324 31.6380035,7.283997 30.942,7.884 Z M39.42,2.826 C39.1079984,2.826 38.8380011,2.71800108 38.61,2.502 C38.3819989,2.28599892 38.268,1.99200186 38.268,1.62 C38.268,1.24799814 38.3819989,0.95400108 38.61,0.738 C38.8380011,0.52199892 39.1079984,0.414 39.42,0.414 C39.7440016,0.414 40.0169989,0.52199892 40.239,0.738 C40.4610011,0.95400108 40.572,1.24799814 40.572,1.62 C40.572,1.99200186 40.4610011,2.28599892 40.239,2.502 C40.0169989,2.71800108 39.7440016,2.826 39.42,2.826 Z M39.042,5.364 L36.63,5.364 L36.63,4.122 L40.518,4.122 L40.518,9.252 C40.518,10.0800041 40.6319989,10.6349986 40.86,10.917 C41.0880011,11.1990014 41.4299977,11.34 41.886,11.34 C42.2340017,11.34 42.5549985,11.2980004 42.849,11.214 C43.1430015,11.1299996 43.3739992,11.0400005 43.542,10.944 L43.758,12.204 C43.6859996,12.2400002 43.5840007,12.2849997 43.452,12.339 C43.3199993,12.3930003 43.1670009,12.4439998 42.993,12.492 C42.8189991,12.5400002 42.627001,12.5819998 42.417,12.618 C42.2069989,12.6540002 41.9880011,12.672 41.76,12.672 C41.2319974,12.672 40.7940017,12.6000007 40.446,12.456 C40.0979983,12.3119993 39.819001,12.0960014 39.609,11.808 C39.3989989,11.5199986 39.2520004,11.1630021 39.168,10.737 C39.0839996,10.3109979 39.042,9.81600282 39.042,9.252 L39.042,5.364 Z M45.936,4.356 C46.4760027,4.22399934 47.0129973,4.12200036 47.547,4.05 C48.0810027,3.97799964 48.5819977,3.942 49.05,3.942 C50.1660056,3.942 51.0089971,4.22999712 51.579,4.806 C52.1490028,5.38200288 52.434,6.30599364 52.434,7.578 L52.434,12.474 L50.958,12.474 L50.958,7.848 C50.958,7.3079973 50.9100005,6.87000168 50.814,6.534 C50.7179995,6.19799832 50.5830009,5.93700093 50.409,5.751 C50.2349991,5.56499907 50.0250012,5.43600036 49.779,5.364 C49.5329988,5.29199964 49.2660014,5.256 48.978,5.256 C48.7379988,5.256 48.4830013,5.27099985 48.213,5.301 C47.9429986,5.33100015 47.6820013,5.36999976 47.43,5.418 L47.43,12.474 L45.936,12.474 L45.936,4.356 Z M59.886,11.7 C59.7179992,11.7960005 59.4600017,11.8979995 59.112,12.006 C58.7639983,12.1140005 58.3620023,12.168 57.906,12.168 C57.4139975,12.168 56.9550021,12.0870008 56.529,11.925 C56.1029979,11.7629992 55.7310016,11.5170017 55.413,11.187 C55.0949984,10.8569984 54.8430009,10.4370026 54.657,9.927 C54.4709991,9.41699745 54.378,8.81400348 54.378,8.118 C54.378,7.50599694 54.4649991,6.94500255 54.639,6.435 C54.8130009,5.92499745 55.0649983,5.48400186 55.395,5.112 C55.7250016,4.73999814 56.1299976,4.44900105 56.61,4.239 C57.0900024,4.02899895 57.6359969,3.924 58.248,3.924 C58.9680036,3.924 59.5829974,3.97499949 60.093,4.077 C60.6030025,4.17900051 61.0319983,4.27799952 61.38,4.374 L61.38,11.826 C61.38,13.1220065 61.0530033,14.0579971 60.399,14.634 C59.7449967,15.2100029 58.7580066,15.498 57.438,15.498 C56.8979973,15.498 56.4090022,15.4560004 55.971,15.372 C55.5329978,15.2879996 55.1460017,15.1860006 54.81,15.066 L55.08,13.752 C55.3920016,13.8840007 55.748998,13.9919996 56.151,14.076 C56.553002,14.1600004 56.9939976,14.202 57.474,14.202 C58.3380043,14.202 58.9559981,14.0280017 59.328,13.68 C59.7000019,13.3319983 59.886,12.7680039 59.886,11.988 L59.886,11.7 Z M59.886,5.436 C59.7419993,5.38799976 59.5440013,5.34300021 59.292,5.301 C59.0399987,5.25899979 58.6980022,5.238 58.266,5.238 C57.4979962,5.238 56.913002,5.50199736 56.511,6.03 C56.108998,6.55800264 55.908,7.25999562 55.908,8.136 C55.908,8.6160024 55.9649994,9.02699829 56.079,9.369 C56.1930006,9.71100171 56.348999,9.99299889 56.547,10.215 C56.745001,10.4370011 56.9699987,10.5989995 57.222,10.701 C57.4740013,10.8030005 57.7439986,10.854 58.032,10.854 C58.4040019,10.854 58.7549983,10.8000005 59.085,10.692 C59.4150016,10.5839995 59.681999,10.4580007 59.886,10.314 L59.886,5.436 Z M68.976,10.386 C68.976,10.0859985 68.8530012,9.84000096 68.607,9.648 C68.3609988,9.45599904 68.0550018,9.28800072 67.689,9.144 C67.3229982,8.99999928 66.9240022,8.85900069 66.492,8.721 C66.0599978,8.58299931 65.6610018,8.41200102 65.295,8.208 C64.9289982,8.00399898 64.6230012,7.7520015 64.377,7.452 C64.1309988,7.1519985 64.008,6.7620024 64.008,6.282 C64.008,5.60999664 64.2809973,5.04900225 64.827,4.599 C65.3730027,4.14899775 66.2279942,3.924 67.392,3.924 C67.8480023,3.924 68.3189976,3.95699967 68.805,4.023 C69.2910024,4.08900033 69.7079983,4.17599946 70.056,4.284 L69.786,5.616 C69.6899995,5.56799976 69.5580008,5.51700027 69.39,5.463 C69.2219992,5.40899973 69.0300011,5.36100021 68.814,5.319 C68.5979989,5.27699979 68.3670012,5.24400012 68.121,5.22 C67.8749988,5.19599988 67.6380011,5.184 67.41,5.184 C66.1139935,5.184 65.466,5.53799646 65.466,6.246 C65.466,6.49800126 65.5889988,6.71099913 65.835,6.885 C66.0810012,7.05900087 66.3899981,7.21799928 66.762,7.362 C67.1340019,7.50600072 67.5359978,7.65299925 67.968,7.803 C68.4000022,7.95300075 68.8019981,8.13599892 69.174,8.352 C69.5460019,8.56800108 69.8549988,8.82899847 70.101,9.135 C70.3470012,9.44100153 70.47,9.82799766 70.47,10.296 C70.47,11.0520038 70.1760029,11.6369979 69.588,12.051 C68.9999971,12.4650021 68.0700064,12.672 66.798,12.672 C66.2219971,12.672 65.6940024,12.6240005 65.214,12.528 C64.7339976,12.4319995 64.2780022,12.288001 63.846,12.096 L64.134,10.746 C64.5540021,10.938001 64.9949977,11.0969994 65.457,11.223 C65.9190023,11.3490006 66.4139974,11.412 66.942,11.412 C68.2980068,11.412 68.976,11.0700034 68.976,10.386 Z M79.938,8.298 C79.938,8.9580033 79.8450009,9.55499733 79.659,10.089 C79.4729991,10.6230027 79.2120017,11.0819981 78.876,11.466 C78.5399983,11.8500019 78.1380023,12.146999 77.67,12.357 C77.2019977,12.5670011 76.6920028,12.672 76.14,12.672 C75.5999973,12.672 75.0990023,12.5670011 74.637,12.357 C74.1749977,12.146999 73.7760017,11.8500019 73.44,11.466 C73.1039983,11.0819981 72.8430009,10.6230027 72.657,10.089 C72.4709991,9.55499733 72.378,8.9580033 72.378,8.298 C72.378,7.6379967 72.4709991,7.0380027 72.657,6.498 C72.8430009,5.9579973 73.1039983,5.49900189 73.44,5.121 C73.7760017,4.74299811 74.1749977,4.44900105 74.637,4.239 C75.0990023,4.02899895 75.5999973,3.924 76.14,3.924 C76.6920028,3.924 77.2019977,4.02899895 77.67,4.239 C78.1380023,4.44900105 78.5399983,4.74299811 78.876,5.121 C79.2120017,5.49900189 79.4729991,5.9579973 79.659,6.498 C79.8450009,7.0380027 79.938,7.6379967 79.938,8.298 Z M78.408,8.298 C78.408,7.34999526 78.204002,6.60300273 77.796,6.057 C77.387998,5.51099727 76.8360035,5.238 76.14,5.238 C75.4559966,5.238 74.913002,5.51099727 74.511,6.057 C74.108998,6.60300273 73.908,7.34999526 73.908,8.298 C73.908,9.23400468 74.108998,9.97499727 74.511,10.521 C74.913002,11.0670027 75.4559966,11.34 76.14,11.34 C76.8360035,11.34 77.387998,11.0670027 77.796,10.521 C78.204002,9.97499727 78.408,9.23400468 78.408,8.298 Z M83.556,12.474 L83.556,5.364 L81.792,5.364 L81.792,4.122 L83.556,4.122 L83.556,3.366 C83.556,2.71799676 83.6459991,2.18100213 83.826,1.755 C84.0060009,1.32899787 84.2429985,0.98400132 84.537,0.72 C84.8310015,0.45599868 85.172998,0.27000054 85.563,0.162 C85.9530019,0.05399946 86.3639978,1.0658141e-14 86.796,1.0658141e-14 C87.2280022,1.0658141e-14 87.6629978,0.04799952 88.101,0.144 C88.5390022,0.24000048 88.9499981,0.35399934 89.334,0.486 L89.064,1.764 C88.7999987,1.63199934 88.470002,1.51800048 88.074,1.422 C87.677998,1.32599952 87.276002,1.278 86.868,1.278 C86.6159987,1.278 86.3790011,1.31099967 86.157,1.377 C85.9349989,1.44300033 85.7400008,1.55699919 85.572,1.719 C85.4039992,1.88100081 85.2720005,2.09699865 85.176,2.367 C85.0799995,2.63700135 85.032,2.97599796 85.032,3.384 L85.032,4.122 L88.398,4.122 L88.398,5.364 L85.032,5.364 L85.032,12.474 L83.556,12.474 Z M94.032,4.122 L97.56,4.122 L97.56,5.364 L94.032,5.364 L94.032,9.252 C94.032,9.6720021 94.0619997,10.0139987 94.122,10.278 C94.1820003,10.5420013 94.2809993,10.7549992 94.419,10.917 C94.5570007,11.0790008 94.7339989,11.1899997 94.95,11.25 C95.1660011,11.3100003 95.4299984,11.34 95.742,11.34 C96.1740022,11.34 96.5219987,11.3040004 96.786,11.232 C97.0500013,11.1599996 97.3019988,11.0640006 97.542,10.944 L97.758,12.204 C97.5899992,12.2760004 97.3230018,12.3719994 96.957,12.492 C96.5909982,12.6120006 96.1380027,12.672 95.598,12.672 C94.9739969,12.672 94.464002,12.6000007 94.068,12.456 C93.671998,12.3119993 93.3630011,12.0960014 93.141,11.808 C92.9189989,11.5199986 92.7660004,11.1630021 92.682,10.737 C92.5979996,10.3109979 92.556,9.81600282 92.556,9.252 L92.556,5.364 L90.792,5.364 L90.792,4.122 L92.556,4.122 L92.556,1.782 L94.032,1.53 L94.032,4.122 Z M104.832,12.474 C104.651999,12.065998 104.496001,11.6940017 104.364,11.358 C104.231999,11.0219983 104.103001,10.6860017 103.977,10.35 C103.850999,10.0139983 103.725001,9.66300183 103.599,9.297 C103.472999,8.93099817 103.326001,8.51400234 103.158,8.046 C102.989999,8.51400234 102.840001,8.93099817 102.708,9.297 C102.575999,9.66300183 102.447001,10.0139983 102.321,10.35 C102.194999,10.6860017 102.063001,11.0219983 101.925,11.358 C101.786999,11.6940017 101.628001,12.065998 101.448,12.474 L100.332,12.474 C99.9959983,10.9979926 99.7170011,9.53700723 99.495,8.091 C99.2729989,6.64499277 99.1080005,5.322006 99,4.122 L100.404,4.122 C100.44,4.59000234 100.479,5.04899775 100.521,5.499 C100.563,5.94900225 100.614,6.41999754 100.674,6.912 C100.734,7.40400246 100.803,7.93799712 100.881,8.514 C100.959,9.09000288 101.046,9.7379964 101.142,10.458 C101.334001,9.9779976 101.495999,9.5580018 101.628,9.198 C101.760001,8.8379982 101.879999,8.49600162 101.988,8.172 C102.096001,7.84799838 102.200999,7.51800168 102.303,7.182 C102.405001,6.84599832 102.515999,6.4680021 102.636,6.048 L103.752,6.048 L104.076,7.182 C104.172,7.51800168 104.273999,7.84799838 104.382,8.172 L104.724,9.198 C104.844001,9.5580018 104.993999,9.97199766 105.174,10.44 C105.282001,9.7799967 105.378,9.16800282 105.462,8.604 C105.546,8.03999718 105.618,7.50900249 105.678,7.011 C105.738,6.51299751 105.792,6.03000234 105.84,5.562 C105.888,5.09399766 105.93,4.61400246 105.966,4.122 L107.316,4.122 C107.256,4.722003 107.184,5.36399658 107.1,6.048 C107.016,6.73200342 106.914001,7.4339964 106.794,8.154 C106.673999,8.8740036 106.542001,9.60299631 106.398,10.341 C106.253999,11.0790037 106.104001,11.7899966 105.948,12.474 L104.832,12.474 Z M112.248,11.412 C112.620002,11.412 112.952999,11.4000001 113.247,11.376 C113.541001,11.3519999 113.783999,11.3220002 113.976,11.286 L113.976,8.802 C113.783999,8.7419997 113.553001,8.69400018 113.283,8.658 C113.012999,8.62199982 112.728001,8.604 112.428,8.604 C112.151999,8.604 111.882001,8.62499979 111.618,8.667 C111.353999,8.70900021 111.120001,8.78399946 110.916,8.892 C110.711999,9.00000054 110.544001,9.14099913 110.412,9.315 C110.279999,9.48900087 110.214,9.70799868 110.214,9.972 C110.214,10.5120027 110.396998,10.886999 110.763,11.097 C111.129002,11.3070011 111.623997,11.412 112.248,11.412 Z M112.104,3.924 C112.728003,3.924 113.252998,4.00199922 113.679,4.158 C114.105002,4.31400078 114.449999,4.52999862 114.714,4.806 C114.978001,5.08200138 115.163999,5.41799802 115.272,5.814 C115.380001,6.21000198 115.434,6.64199766 115.434,7.11 L115.434,12.33 C115.085998,12.3900003 114.627003,12.4619996 114.057,12.546 C113.486997,12.6300004 112.902003,12.672 112.302,12.672 C111.845998,12.672 111.402002,12.6330004 110.97,12.555 C110.537998,12.4769996 110.154002,12.339001 109.818,12.141 C109.481998,11.942999 109.212001,11.6700017 109.008,11.322 C108.803999,10.9739983 108.702,10.5300027 108.702,9.99 C108.702,9.5099976 108.806999,9.10500165 109.017,8.775 C109.227001,8.44499835 109.496998,8.17800102 109.827,7.974 C110.157002,7.76999898 110.534998,7.62300045 110.961,7.533 C111.387002,7.44299955 111.815998,7.398 112.248,7.398 C112.836003,7.398 113.411997,7.46399934 113.976,7.596 L113.976,7.182 C113.976,6.92999874 113.949,6.68700117 113.895,6.453 C113.841,6.21899883 113.739001,6.00600096 113.589,5.814 C113.438999,5.62199904 113.235001,5.46900057 112.977,5.355 C112.718999,5.24099943 112.386002,5.184 111.978,5.184 C111.461997,5.184 111.012002,5.21999964 110.628,5.292 C110.243998,5.36400036 109.950001,5.43599964 109.746,5.508 L109.566,4.284 C109.770001,4.18799952 110.108998,4.10400036 110.583,4.032 C111.057002,3.95999964 111.563997,3.924 112.104,3.924 Z M118.584,12.474 L118.584,4.572 C119.808006,4.1519979 121.043994,3.942 122.292,3.942 C122.676002,3.942 123.041998,3.95699985 123.39,3.987 C123.738002,4.01700015 124.121998,4.07999952 124.542,4.176 L124.272,5.49 C123.887998,5.38199946 123.549001,5.31300015 123.255,5.283 C122.960999,5.25299985 122.640002,5.238 122.292,5.238 C121.559996,5.238 120.816004,5.33999898 120.06,5.544 L120.06,12.474 L118.584,12.474 Z M130.32,3.924 C131.448006,3.924 132.317997,4.27499649 132.93,4.977 C133.542003,5.67900351 133.848,6.74399286 133.848,8.172 L133.848,8.694 L127.872,8.694 C127.932,9.55800432 128.216997,10.2149978 128.727,10.665 C129.237003,11.1150023 129.953995,11.34 130.878,11.34 C131.406003,11.34 131.855998,11.2980004 132.228,11.214 C132.600002,11.1299996 132.881999,11.0400005 133.074,10.944 L133.272,12.204 C133.091999,12.3000005 132.768002,12.4019995 132.3,12.51 C131.831998,12.6180005 131.304003,12.672 130.716,12.672 C129.995996,12.672 129.363003,12.5610011 128.817,12.339 C128.270997,12.1169989 127.818002,11.8140019 127.458,11.43 C127.097998,11.0459981 126.828001,10.5870027 126.648,10.053 C126.467999,9.51899733 126.378,8.94000312 126.378,8.316 C126.378,7.57199628 126.491999,6.92400276 126.72,6.372 C126.948001,5.81999724 127.247998,5.3640018 127.62,5.004 C127.992002,4.6439982 128.411998,4.3740009 128.88,4.194 C129.348002,4.0139991 129.827998,3.924 130.32,3.924 Z M132.336,7.488 C132.336,6.77999646 132.150002,6.21900207 131.778,5.805 C131.405998,5.39099793 130.914003,5.184 130.302,5.184 C129.953998,5.184 129.639001,5.24999934 129.357,5.382 C129.074999,5.51400066 128.832001,5.68799892 128.628,5.904 C128.423999,6.12000108 128.262001,6.36599862 128.142,6.642 C128.021999,6.91800138 127.944,7.19999856 127.908,7.488 L132.336,7.488 Z M0.54,26.316 C0.54,25.5599962 0.6599988,24.9060028 0.9,24.354 C1.1400012,23.8019972 1.4699979,23.3460018 1.89,22.986 C2.3100021,22.6259982 2.79899721,22.3590009 3.357,22.185 C3.91500279,22.0109991 4.51199682,21.924 5.148,21.924 C5.55600204,21.924 5.96099799,21.9509997 6.363,22.005 C6.76500201,22.0590003 7.19399772,22.1579993 7.65,22.302 L7.308,23.58 C6.91199802,23.4359993 6.54900165,23.3430002 6.219,23.301 C5.88899835,23.2589998 5.55600168,23.238 5.22,23.238 C4.78799784,23.238 4.38000192,23.2949994 3.996,23.409 C3.61199808,23.5230006 3.27900141,23.7029988 2.997,23.949 C2.71499859,24.1950012 2.49000084,24.5129981 2.322,24.903 C2.15399916,25.293002 2.07,25.7639972 2.07,26.316 C2.07,26.8440026 2.14799922,27.2969981 2.304,27.675 C2.46000078,28.0530019 2.67899859,28.3649988 2.961,28.611 C3.24300141,28.8570012 3.58199802,29.0399994 3.978,29.16 C4.37400198,29.2800006 4.8119976,29.34 5.292,29.34 C5.67600192,29.34 6.04499823,29.3190002 6.399,29.277 C6.75300177,29.2349998 7.1399979,29.1420007 7.56,28.998 L7.776,30.24 C7.3559979,30.3960008 6.93000216,30.5069997 6.498,30.573 C6.06599784,30.6390003 5.59800252,30.672 5.094,30.672 C4.42199664,30.672 3.80700279,30.5790009 3.249,30.393 C2.69099721,30.2069991 2.21100201,29.9340018 1.809,29.574 C1.40699799,29.2139982 1.09500111,28.7610027 0.873,28.215 C0.65099889,27.6689973 0.54,27.0360036 0.54,26.316 Z M16.938,26.298 C16.938,26.9580033 16.8450009,27.5549973 16.659,28.089 C16.4729991,28.6230027 16.2120017,29.0819981 15.876,29.466 C15.5399983,29.8500019 15.1380023,30.146999 14.67,30.357 C14.2019977,30.5670011 13.6920028,30.672 13.14,30.672 C12.5999973,30.672 12.0990023,30.5670011 11.637,30.357 C11.1749977,30.146999 10.7760017,29.8500019 10.44,29.466 C10.1039983,29.0819981 9.84300093,28.6230027 9.657,28.089 C9.47099907,27.5549973 9.378,26.9580033 9.378,26.298 C9.378,25.6379967 9.47099907,25.0380027 9.657,24.498 C9.84300093,23.9579973 10.1039983,23.4990019 10.44,23.121 C10.7760017,22.7429981 11.1749977,22.4490011 11.637,22.239 C12.0990023,22.028999 12.5999973,21.924 13.14,21.924 C13.6920028,21.924 14.2019977,22.028999 14.67,22.239 C15.1380023,22.4490011 15.5399983,22.7429981 15.876,23.121 C16.2120017,23.4990019 16.4729991,23.9579973 16.659,24.498 C16.8450009,25.0380027 16.938,25.6379967 16.938,26.298 Z M15.408,26.298 C15.408,25.3499953 15.204002,24.6030027 14.796,24.057 C14.387998,23.5109973 13.8360035,23.238 13.14,23.238 C12.4559966,23.238 11.913002,23.5109973 11.511,24.057 C11.108998,24.6030027 10.908,25.3499953 10.908,26.298 C10.908,27.2340047 11.108998,27.9749973 11.511,28.521 C11.913002,29.0670027 12.4559966,29.34 13.14,29.34 C13.8360035,29.34 14.387998,29.0670027 14.796,28.521 C15.204002,27.9749973 15.408,27.2340047 15.408,26.298 Z M18.936,22.356 C19.4760027,22.2239993 20.0129973,22.1220004 20.547,22.05 C21.0810027,21.9779996 21.5819977,21.942 22.05,21.942 C23.1660056,21.942 24.0089971,22.2299971 24.579,22.806 C25.1490028,23.3820029 25.434,24.3059936 25.434,25.578 L25.434,30.474 L23.958,30.474 L23.958,25.848 C23.958,25.3079973 23.9100005,24.8700017 23.814,24.534 C23.7179995,24.1979983 23.5830009,23.9370009 23.409,23.751 C23.2349991,23.5649991 23.0250012,23.4360004 22.779,23.364 C22.5329988,23.2919996 22.2660014,23.256 21.978,23.256 C21.7379988,23.256 21.4830013,23.2709999 21.213,23.301 C20.9429986,23.3310002 20.6820013,23.3699998 20.43,23.418 L20.43,30.474 L18.936,30.474 L18.936,22.356 Z M29.556,30.474 L29.556,23.364 L27.792,23.364 L27.792,22.122 L29.556,22.122 L29.556,21.366 C29.556,20.7179968 29.6459991,20.1810021 29.826,19.755 C30.0060009,19.3289979 30.2429985,18.9840013 30.537,18.72 C30.8310015,18.4559987 31.172998,18.2700005 31.563,18.162 C31.9530019,18.0539995 32.3639978,18 32.796,18 C33.2280022,18 33.6629978,18.0479995 34.101,18.144 C34.5390022,18.2400005 34.9499981,18.3539993 35.334,18.486 L35.064,19.764 C34.7999987,19.6319993 34.470002,19.5180005 34.074,19.422 C33.677998,19.3259995 33.276002,19.278 32.868,19.278 C32.6159987,19.278 32.3790011,19.3109997 32.157,19.377 C31.9349989,19.4430003 31.7400008,19.5569992 31.572,19.719 C31.4039992,19.8810008 31.2720005,20.0969987 31.176,20.367 C31.0799995,20.6370014 31.032,20.975998 31.032,21.384 L31.032,22.122 L34.398,22.122 L34.398,23.364 L31.032,23.364 L31.032,30.474 L29.556,30.474 Z M40.32,21.924 C41.4480056,21.924 42.3179969,22.2749965 42.93,22.977 C43.5420031,23.6790035 43.848,24.7439929 43.848,26.172 L43.848,26.694 L37.872,26.694 C37.9320003,27.5580043 38.2169975,28.2149978 38.727,28.665 C39.2370025,29.1150023 39.9539954,29.34 40.878,29.34 C41.4060026,29.34 41.8559981,29.2980004 42.228,29.214 C42.6000019,29.1299996 42.881999,29.0400005 43.074,28.944 L43.272,30.204 C43.0919991,30.3000005 42.7680023,30.4019995 42.3,30.51 C41.8319977,30.6180005 41.3040029,30.672 40.716,30.672 C39.9959964,30.672 39.3630027,30.5610011 38.817,30.339 C38.2709973,30.1169989 37.8180018,29.8140019 37.458,29.43 C37.0979982,29.0459981 36.8280009,28.5870027 36.648,28.053 C36.4679991,27.5189973 36.378,26.9400031 36.378,26.316 C36.378,25.5719963 36.4919989,24.9240028 36.72,24.372 C36.9480011,23.8199972 37.2479981,23.3640018 37.62,23.004 C37.9920019,22.6439982 38.4119977,22.3740009 38.88,22.194 C39.3480023,22.0139991 39.8279975,21.924 40.32,21.924 Z M42.336,25.488 C42.336,24.7799965 42.1500019,24.2190021 41.778,23.805 C41.4059981,23.3909979 40.9140031,23.184 40.302,23.184 C39.9539983,23.184 39.6390014,23.2499993 39.357,23.382 C39.0749986,23.5140007 38.832001,23.6879989 38.628,23.904 C38.423999,24.1200011 38.2620006,24.3659986 38.142,24.642 C38.0219994,24.9180014 37.9440002,25.1999986 37.908,25.488 L42.336,25.488 Z M46.584,30.474 L46.584,22.572 C47.8080061,22.1519979 49.0439938,21.942 50.292,21.942 C50.6760019,21.942 51.0419983,21.9569999 51.39,21.987 C51.7380017,22.0170002 52.1219979,22.0799995 52.542,22.176 L52.272,23.49 C51.8879981,23.3819995 51.5490015,23.3130002 51.255,23.283 C50.9609985,23.2529999 50.6400017,23.238 50.292,23.238 C49.5599963,23.238 48.8160038,23.339999 48.06,23.544 L48.06,30.474 L46.584,30.474 Z M58.32,21.924 C59.4480056,21.924 60.3179969,22.2749965 60.93,22.977 C61.5420031,23.6790035 61.848,24.7439929 61.848,26.172 L61.848,26.694 L55.872,26.694 C55.9320003,27.5580043 56.2169975,28.2149978 56.727,28.665 C57.2370025,29.1150023 57.9539954,29.34 58.878,29.34 C59.4060026,29.34 59.8559981,29.2980004 60.228,29.214 C60.6000019,29.1299996 60.881999,29.0400005 61.074,28.944 L61.272,30.204 C61.0919991,30.3000005 60.7680023,30.4019995 60.3,30.51 C59.8319977,30.6180005 59.3040029,30.672 58.716,30.672 C57.9959964,30.672 57.3630027,30.5610011 56.817,30.339 C56.2709973,30.1169989 55.8180018,29.8140019 55.458,29.43 C55.0979982,29.0459981 54.8280009,28.5870027 54.648,28.053 C54.4679991,27.5189973 54.378,26.9400031 54.378,26.316 C54.378,25.5719963 54.4919989,24.9240028 54.72,24.372 C54.9480011,23.8199972 55.2479981,23.3640018 55.62,23.004 C55.9920019,22.6439982 56.4119977,22.3740009 56.88,22.194 C57.3480023,22.0139991 57.8279975,21.924 58.32,21.924 Z M60.336,25.488 C60.336,24.7799965 60.1500019,24.2190021 59.778,23.805 C59.4059981,23.3909979 58.9140031,23.184 58.302,23.184 C57.9539983,23.184 57.6390014,23.2499993 57.357,23.382 C57.0749986,23.5140007 56.832001,23.6879989 56.628,23.904 C56.423999,24.1200011 56.2620006,24.3659986 56.142,24.642 C56.0219994,24.9180014 55.9440002,25.1999986 55.908,25.488 L60.336,25.488 Z M63.936,22.356 C64.4760027,22.2239993 65.0129973,22.1220004 65.547,22.05 C66.0810027,21.9779996 66.5819977,21.942 67.05,21.942 C68.1660056,21.942 69.0089971,22.2299971 69.579,22.806 C70.1490028,23.3820029 70.434,24.3059936 70.434,25.578 L70.434,30.474 L68.958,30.474 L68.958,25.848 C68.958,25.3079973 68.9100005,24.8700017 68.814,24.534 C68.7179995,24.1979983 68.5830009,23.9370009 68.409,23.751 C68.2349991,23.5649991 68.0250012,23.4360004 67.779,23.364 C67.5329988,23.2919996 67.2660014,23.256 66.978,23.256 C66.7379988,23.256 66.4830013,23.2709999 66.213,23.301 C65.9429986,23.3310002 65.6820013,23.3699998 65.43,23.418 L65.43,30.474 L63.936,30.474 L63.936,22.356 Z M72.54,26.316 C72.54,25.5599962 72.6599988,24.9060028 72.9,24.354 C73.1400012,23.8019972 73.4699979,23.3460018 73.89,22.986 C74.3100021,22.6259982 74.7989972,22.3590009 75.357,22.185 C75.9150028,22.0109991 76.5119968,21.924 77.148,21.924 C77.556002,21.924 77.960998,21.9509997 78.363,22.005 C78.765002,22.0590003 79.1939977,22.1579993 79.65,22.302 L79.308,23.58 C78.911998,23.4359993 78.5490016,23.3430002 78.219,23.301 C77.8889984,23.2589998 77.5560017,23.238 77.22,23.238 C76.7879978,23.238 76.3800019,23.2949994 75.996,23.409 C75.6119981,23.5230006 75.2790014,23.7029988 74.997,23.949 C74.7149986,24.1950012 74.4900008,24.5129981 74.322,24.903 C74.1539992,25.293002 74.07,25.7639972 74.07,26.316 C74.07,26.8440026 74.1479992,27.2969981 74.304,27.675 C74.4600008,28.0530019 74.6789986,28.3649988 74.961,28.611 C75.2430014,28.8570012 75.581998,29.0399994 75.978,29.16 C76.374002,29.2800006 76.8119976,29.34 77.292,29.34 C77.6760019,29.34 78.0449982,29.3190002 78.399,29.277 C78.7530018,29.2349998 79.1399979,29.1420007 79.56,28.998 L79.776,30.24 C79.3559979,30.3960008 78.9300022,30.5069997 78.498,30.573 C78.0659978,30.6390003 77.5980025,30.672 77.094,30.672 C76.4219966,30.672 75.8070028,30.5790009 75.249,30.393 C74.6909972,30.2069991 74.211002,29.9340018 73.809,29.574 C73.406998,29.2139982 73.0950011,28.7610027 72.873,28.215 C72.6509989,27.6689973 72.54,27.0360036 72.54,26.316 Z M85.32,21.924 C86.4480056,21.924 87.3179969,22.2749965 87.93,22.977 C88.5420031,23.6790035 88.848,24.7439929 88.848,26.172 L88.848,26.694 L82.872,26.694 C82.9320003,27.5580043 83.2169974,28.2149978 83.727,28.665 C84.2370025,29.1150023 84.9539954,29.34 85.878,29.34 C86.4060026,29.34 86.8559981,29.2980004 87.228,29.214 C87.6000019,29.1299996 87.881999,29.0400005 88.074,28.944 L88.272,30.204 C88.0919991,30.3000005 87.7680023,30.4019995 87.3,30.51 C86.8319977,30.6180005 86.3040029,30.672 85.716,30.672 C84.9959964,30.672 84.3630027,30.5610011 83.817,30.339 C83.2709973,30.1169989 82.8180018,29.8140019 82.458,29.43 C82.0979982,29.0459981 81.8280009,28.5870027 81.648,28.053 C81.4679991,27.5189973 81.378,26.9400031 81.378,26.316 C81.378,25.5719963 81.4919989,24.9240028 81.72,24.372 C81.9480011,23.8199972 82.2479981,23.3640018 82.62,23.004 C82.9920019,22.6439982 83.4119977,22.3740009 83.88,22.194 C84.3480023,22.0139991 84.8279975,21.924 85.32,21.924 Z M87.336,25.488 C87.336,24.7799965 87.1500019,24.2190021 86.778,23.805 C86.4059981,23.3909979 85.9140031,23.184 85.302,23.184 C84.9539983,23.184 84.6390014,23.2499993 84.357,23.382 C84.0749986,23.5140007 83.832001,23.6879989 83.628,23.904 C83.423999,24.1200011 83.2620006,24.3659986 83.142,24.642 C83.0219994,24.9180014 82.9440002,25.1999986 82.908,25.488 L87.336,25.488 Z M7.218,40.176 C7.218,40.5600019 7.14300075,40.9319982 6.993,41.292 C6.84299925,41.6520018 6.64500123,42.0059983 6.399,42.354 C6.15299877,42.7020017 5.87400156,43.0439983 5.562,43.38 C5.24999844,43.7160017 4.93200162,44.0459984 4.608,44.37 C4.4279991,44.5500009 4.2180012,44.7659987 3.978,45.018 C3.7379988,45.2700013 3.51000108,45.5279987 3.294,45.792 C3.07799892,46.0560013 2.89800072,46.3139987 2.754,46.566 C2.60999928,46.8180013 2.538,47.0339991 2.538,47.214 L7.668,47.214 L7.668,48.474 L0.918,48.474 C0.90599994,48.4139997 0.9,48.3510003 0.9,48.285 L0.9,48.096 C0.9,47.5919975 0.98399916,47.1240022 1.152,46.692 C1.32000084,46.2599978 1.53599868,45.8520019 1.8,45.468 C2.06400132,45.0839981 2.36099835,44.7210017 2.691,44.379 C3.02100165,44.0369983 3.34799838,43.7040016 3.672,43.38 C3.93600132,43.1159987 4.19099877,42.8580013 4.437,42.606 C4.68300123,42.3539987 4.89899907,42.1020013 5.085,41.85 C5.27100093,41.5979987 5.42099943,41.3370014 5.535,41.067 C5.64900057,40.7969987 5.706,40.5180014 5.706,40.23 C5.706,39.9059984 5.65500051,39.6300011 5.553,39.402 C5.45099949,39.1739989 5.31300087,38.9850008 5.139,38.835 C4.96499913,38.6849993 4.76400114,38.5740004 4.536,38.502 C4.30799886,38.4299996 4.06200132,38.394 3.798,38.394 C3.48599844,38.394 3.20100129,38.4359996 2.943,38.52 C2.68499871,38.6040004 2.45700099,38.7059994 2.259,38.826 C2.06099901,38.9460006 1.89000072,39.0629994 1.746,39.177 C1.60199928,39.2910006 1.49400036,39.3839996 1.422,39.456 L0.684,38.412 C0.78000048,38.3039995 0.92399904,38.1720008 1.116,38.016 C1.30800096,37.8599992 1.53899865,37.7130007 1.809,37.575 C2.07900135,37.4369993 2.38199832,37.3200005 2.718,37.224 C3.05400168,37.1279995 3.41399808,37.08 3.798,37.08 C4.96200582,37.08 5.82299721,37.3469973 6.381,37.881 C6.93900279,38.4150027 7.218,39.179995 7.218,40.176 Z M14.202,42.696 C14.202,43.0080016 14.1090009,43.2779989 13.923,43.506 C13.7369991,43.7340011 13.4940015,43.848 13.194,43.848 C12.8819984,43.848 12.630001,43.7340011 12.438,43.506 C12.245999,43.2779989 12.15,43.0080016 12.15,42.696 C12.15,42.3839984 12.245999,42.1080012 12.438,41.868 C12.630001,41.6279988 12.8819984,41.508 13.194,41.508 C13.4940015,41.508 13.7369991,41.6279988 13.923,41.868 C14.1090009,42.1080012 14.202,42.3839984 14.202,42.696 Z M9.486,42.894 C9.486,41.0219906 9.80699679,39.585005 10.449,38.583 C11.0910032,37.580995 11.9939942,37.08 13.158,37.08 C14.3340059,37.08 15.2399968,37.580995 15.876,38.583 C16.5120032,39.585005 16.83,41.0219906 16.83,42.894 C16.83,44.7660094 16.5120032,46.202995 15.876,47.205 C15.2399968,48.207005 14.3340059,48.708 13.158,48.708 C11.9939942,48.708 11.0910032,48.207005 10.449,47.205 C9.80699679,46.202995 9.486,44.7660094 9.486,42.894 Z M15.318,42.894 C15.318,42.2819969 15.2820004,41.7030027 15.21,41.157 C15.1379996,40.6109973 15.0180008,40.134002 14.85,39.726 C14.6819992,39.317998 14.4600014,38.9940012 14.184,38.754 C13.9079986,38.5139988 13.566002,38.394 13.158,38.394 C12.749998,38.394 12.4080014,38.5139988 12.132,38.754 C11.8559986,38.9940012 11.6340008,39.317998 11.466,39.726 C11.2979992,40.134002 11.1780004,40.6109973 11.106,41.157 C11.0339996,41.7030027 10.998,42.2819969 10.998,42.894 C10.998,43.5060031 11.0339996,44.0849973 11.106,44.631 C11.1780004,45.1770027 11.2979992,45.653998 11.466,46.062 C11.6340008,46.470002 11.8559986,46.7939988 12.132,47.034 C12.4080014,47.2740012 12.749998,47.394 13.158,47.394 C13.566002,47.394 13.9079986,47.2740012 14.184,47.034 C14.4600014,46.7939988 14.6819992,46.470002 14.85,46.062 C15.0180008,45.653998 15.1379996,45.1770027 15.21,44.631 C15.2820004,44.0849973 15.318,43.5060031 15.318,42.894 Z M19.008,39.636 C19.6200031,39.3959988 20.2139971,39.0930018 20.79,38.727 C21.3660029,38.3609982 21.8999975,37.8960028 22.392,37.332 L23.436,37.332 L23.436,47.214 L25.542,47.214 L25.542,48.474 L19.548,48.474 L19.548,47.214 L21.96,47.214 L21.96,39.402 C21.8279993,39.5220006 21.6690009,39.6449994 21.483,39.771 C21.2969991,39.8970006 21.0930011,40.0199994 20.871,40.14 C20.6489989,40.2600006 20.4180012,40.3739995 20.178,40.482 C19.9379988,40.5900005 19.7040011,40.6799996 19.476,40.752 L19.008,39.636 Z M34.704,41.796 C34.704,44.0160111 34.1640054,45.6869944 33.084,46.809 C32.0039946,47.9310056 30.3780109,48.4979999 28.206,48.51 L28.152,47.25 C29.4960067,47.25 30.5789959,46.9830027 31.401,46.449 C32.2230041,45.9149973 32.7659987,44.9940065 33.03,43.686 C32.7419986,43.8180007 32.4240017,43.9229996 32.076,44.001 C31.7279983,44.0790004 31.3620019,44.118 30.978,44.118 C30.3419968,44.118 29.8080022,44.0250009 29.376,43.839 C28.9439978,43.6529991 28.5960013,43.4010016 28.332,43.083 C28.0679987,42.7649984 27.8760006,42.402002 27.756,41.994 C27.6359994,41.585998 27.576,41.1540023 27.576,40.698 C27.576,40.289998 27.6419993,39.8730021 27.774,39.447 C27.9060007,39.0209979 28.1099986,38.6340017 28.386,38.286 C28.6620014,37.9379983 29.0159978,37.6500011 29.448,37.422 C29.8800022,37.1939989 30.395997,37.08 30.996,37.08 C32.2200061,37.08 33.1439969,37.4999958 33.768,38.34 C34.3920031,39.1800042 34.704,40.3319927 34.704,41.796 Z M31.14,42.894 C31.5240019,42.894 31.8809983,42.8580004 32.211,42.786 C32.5410016,42.7139996 32.8619984,42.6120007 33.174,42.48 C33.1860001,42.3599994 33.192,42.2460005 33.192,42.138 C33.192,42.0299995 33.192,41.9160006 33.192,41.796 C33.192,41.3279977 33.1590003,40.8840021 33.093,40.464 C33.0269997,40.0439979 32.9130008,39.6780016 32.751,39.366 C32.5889992,39.0539984 32.3670014,38.8050009 32.085,38.619 C31.8029986,38.4329991 31.4460022,38.34 31.014,38.34 C30.6539982,38.34 30.3540012,38.4149993 30.114,38.565 C29.8739988,38.7150008 29.6760008,38.9009989 29.52,39.123 C29.3639992,39.3450011 29.2530003,39.5939986 29.187,39.87 C29.1209997,40.1460014 29.088,40.4099987 29.088,40.662 C29.088,41.3940037 29.2529983,41.9489981 29.583,42.327 C29.9130016,42.7050019 30.4319965,42.894 31.14,42.894 Z" transform="translate(0 51)"/>
23 |     <path fill="#4DF75B" d="M0.70901267,38.0105679 C0.924905866,37.7401511 1.39716515,37.2128464 2.12580468,36.4286379 C2.85444422,35.6444294 3.73149717,34.7250264 4.75698985,33.6704012 C5.78248253,32.6157759 6.91590481,31.4935634 8.15729069,30.3037298 C9.39867657,29.1138962 10.6940163,27.9511218 12.0433488,26.8153715 C13.878441,25.2469545 15.4706294,23.8543293 16.8199619,22.637454 C18.1692943,21.4205788 19.3836753,20.3524488 20.4631413,19.4330319 C20.5710879,19.3248652 20.4766361,19.0814938 20.1797829,18.7029104 C19.8829298,18.324327 19.5186155,17.8916667 19.0868291,17.4049166 C18.6550427,16.9181665 18.1692903,16.4179031 17.6295573,15.9041113 C17.0898243,15.3903196 16.6310581,14.9441387 16.2532451,14.5655552 C15.0118592,13.3216383 13.7300126,12.0642194 12.4076667,10.7932608 C11.0853209,9.52230223 9.85744677,8.35952776 8.72400749,7.30490255 C7.59056822,6.25027733 6.60557028,5.33087426 5.76898415,4.54666577 C4.93239802,3.76245727 4.37918,3.23515257 4.1093135,2.96473585 C3.62355381,2.47798575 3.63704694,1.99124295 4.14979328,1.50449285 C4.66253962,1.01774275 5.36418198,0.639165016 6.25474141,0.368748293 C7.14530085,0.0983315709 8.07632629,-0.023354129 9.04784567,0.00368754327 C10.0193651,0.0307292155 10.7749799,0.314662515 11.3147129,0.85549596 C11.692526,1.23407937 12.3401959,1.84250787 13.2577419,2.68079971 C14.175288,3.51909155 15.1467928,4.42497398 16.1722855,5.39847418 C17.1977782,6.37197438 18.1827761,7.29137745 19.1273089,8.15671096 C20.0718416,9.02204447 20.7869771,9.69807614 21.2727368,10.1848262 C22.1363095,11.0501598 23.2697318,12.1047692 24.6730376,13.3486861 C26.0763434,14.592603 27.3446969,15.8770632 28.4781362,17.2021051 C29.6115754,18.527147 30.3806834,19.8251278 30.7854831,21.0960864 C31.1902829,22.367045 30.8259686,23.4892576 29.6925293,24.4627578 C28.8289565,25.1658413 27.8439586,26.0311618 26.737506,27.0587454 C25.6310533,28.0863289 24.376193,29.3031859 22.9728872,30.7093529 C22.4871275,31.1420196 21.879937,31.7369275 21.1512974,32.4940943 C20.4226579,33.2512611 19.6805362,34.0219372 18.92491,34.8061457 C18.1692838,35.5903542 17.4271621,36.3475097 16.6985225,37.0776348 L15.0388519,38.7406894 C13.6895194,40.4713564 12.0028791,41.6070896 9.97888042,42.147923 C7.95488171,42.6887565 6.10632395,42.8239628 4.43315168,42.5535461 C2.75997941,42.2831294 1.49162591,41.7287834 0.628053127,40.8904916 C-0.235519657,40.0521997 -0.208533412,39.0922347 0.70901267,38.0105679 Z"/>
24 |     <path id="cursor" fill="#4DF75B" d="M57.0764788,5.67872278 C55.2413866,5.9491395 52.9205696,6.1925109 50.1139581,6.40884428 C47.3073465,6.62517766 44.2309146,6.81446652 40.8845701,6.97671656 C37.5382255,7.13896659 34.057,7.27417292 30.4407889,7.38233961 C26.8245779,7.4905063 23.3433523,7.55810947 19.9970078,7.58515114 C16.6506633,7.61219281 13.533752,7.59867218 10.6461805,7.54458884 C7.75860902,7.49050549 5.39731261,7.38234042 3.56222044,7.22009039 C2.15891467,7.22009039 1.18740986,6.84151266 0.647676868,6.08434584 C0.107943878,5.32717901 -0.0944529575,4.50242038 0.04048029,3.6100452 C0.175413537,2.71767001 0.64767282,1.89291138 1.4572723,1.13574456 C2.26687179,0.378577733 3.37330782,0 4.77661359,0 C6.88157226,0.162250034 9.35081364,0.283935733 12.1844118,0.36506075 C15.01801,0.446185767 18.0134832,0.513788933 21.1709212,0.567872278 C24.3283592,0.621955622 27.5667085,0.662517522 30.8860664,0.689559195 C34.2054243,0.716600867 37.4302806,0.716600867 40.5607319,0.689559195 C43.6911832,0.662517522 46.646177,0.621955622 49.4258019,0.567872278 C52.2054268,0.513788933 54.647682,0.432665134 56.7526406,0.324498445 C57.7781333,0.2704151 58.5877207,0.486745233 59.1814269,0.973495334 C59.7751332,1.46024543 60.1124613,2.02811203 60.1934212,2.67711217 C60.2743812,3.3261123 60.0719844,3.94806143 59.5862247,4.54297822 C59.100465,5.13789501 58.2638914,5.51647275 57.0764788,5.67872278 Z" transform="translate(28 35)">
25 |   	</path>
26 |   </g>
27 | </svg>
28 | 


--------------------------------------------------------------------------------