Merge branch '131-apartado-de-tests-en-documentación' of https://gith…

…ub.com/Arquisoft/wiq_es1a into 131-apartado-de-tests-en-documentación
Arquisoft · Apr 27, 2024 · 105e7e0 · 105e7e0
2 parents 3b82e76 + bdaddfe
commit 105e7e0
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 2 deletions.
diff --git a/docs/images/juicy-dark.png b/docs/images/juicy-dark.png
diff --git a/docs/images/juicy-light.png b/docs/images/juicy-light.png
diff --git a/docs/images/pagespeed-classic.png b/docs/images/pagespeed-classic.png
diff --git a/docs/images/pagespeed-stats.png b/docs/images/pagespeed-stats.png
diff --git a/docs/src/12_testing.adoc b/docs/src/12_testing.adoc
@@ -4,7 +4,7 @@ ifndef::imagesdir[:imagesdir: ../images]
 
 This section details the results of the various types of tests that have been carried out with the application.
 
-== Unit Testing
+=== Unit Testing
 
 We used Jest to perform unit testing on the application. We have written tests for all the components of the application, mocking the database and external services. All the tests passed successfully. The results of the tests are shown below:
 
@@ -28,10 +28,49 @@ We used puppeteer to perform end-to-end testing on the application. We have writ
 
 image::12-e2e.png[]
 
-== Code coverage
+=== Code coverage
 
 We used sonarCloud to check the code coverage of the application. The results are shown below:
 
+=== Usability and accessibility Testing
+
+We used some tools to measure usability levels of the application, along with some testing with real users (friends and family).
+
+==== Automatic tools:
+
+First, we will show the automatic tools results:
+
+===== PageSpeed Insights: 
+
+This tool is used to measure different aspects of a certain page, such as performance, accessibility, best practices and optimisation.
+We used this tool on all of our pages, and the results were kind of similar. Below, the results for the Classic and Stats page are shown:
+
+image::pagespeed-stats.png[]
+
+image::pagespeed-classic.png[]
+
+As we can see, our pages perform very nicely on every evaluable aspect, except in Best practices, and that's because the tool is giving us a 
+warning because we don't use HTTPS in our application, which can lead to security issues.
+
+===== Juicy Studio:
+This tool is used to measure the contrast between background and foreground colors of a web page.
+We used this tool on both of out color combinations: dark mode and light mode. The results are shown below:
+
+image::juicy-light.png[]
+
+image::juicy-dark.png[]
+
+As we can see, both of our themes use correct and high-contrasted color combinations.
+
+==== Testing with real users:
+
+We did some testing with 18 people, all of them being friends and family of us, the develpoment team.
+We let them try the application, play games, view their stats, create groups, etc., and when they were
+finished we asked them a few questions.
+We wanted to get from each individual his UI rating, functionality rating and some recommendation of things we could change / add
+if we continued developing the app.
+
+
 === Load Testing
 We used Gatling to perform load testing on the application. It consisted of simulating 1000 users accessing the application at the same time, each of one performing 83 requests. The results of the test are shown below: