Skip to content

Latest commit

 

History

History
186 lines (131 loc) · 9.2 KB

TESTING.md

File metadata and controls

186 lines (131 loc) · 9.2 KB

Testing

Validation and accessibility

Lighthouse report

Reports

All pages of the app were tested using the lighthouse function built in to the Google Chrome browser on incognito mode.








The low best practices score on Home with 83, is due to the main image aspect ratio
The low best SEO score on Signup with 89, is due to the link text not being descriptive enough, it simply says here within the pargraph. I do not consider this an issue for the user

WAVE Webaim Accessibility testing

Reports

Accessibility report

The WAVE tool was used to test all pages on the app.
Some errors repeat over each page tested, these were due to the social links not having text as they are fontawesome links.
I also received some contrast errors on some of the pages. This is due to the green text on purple background.
I did receive an error for alt text on the main image as 'suspicious',
I changed it from 'image of an audi r8 in the dark' to 'Audi R8 in the dark', it liked that.

  • Links to the individual results:

There were 2 parts of the site that were inaccesible and due to this I was unable to check them with the tool.

  • These were:
    • Payments page, Internal server error
    • User profile page, User must be signed in, WAVE wouldn't allow me to sign in

CSS Validation

CSS Validator results
  • Only the custom CSS file was tested (style.css)
    • If I test the entire site url, all of the bootstrap styles are also tested but still pass.

HTML Validation

HTML Validator results

  • All HTML was passed through the validator retreived from the source code within devtools on Chrome.

    • Three minor warnings remain:
      • Mailchimp javascript
      • Amazon Javascript
      • Section heading requires h2-h6 element

  • link to w3c validator result

Python Validation (PEP8)

PEP8 Validator results

Motor-werks App

All files for Motor-werks passed through PEP8 without errors

Home App

All files for home app passed through PEP8 without errors

Payments App

All files for Payments app passed through PEP8 without errors

Profiles App

All files for Profiles app passed through PEP8 without errors

Services App

All files for Services app passed through PEP8 without errors

Misc

  • Django created manage.py
  • Custom created custom_storages.py

All remaining root directory files passed through PEP8 without errors

Manual Testing

Manual Testing of User Input and Functions

I systematically tested all user inputs and functionality in the website to compare feedback/results against expected results.
Any unexpected output/outcomes were fixed.
The results of the testing procedures can be found here

Desktop

Google Chrome: All aspects of the site work perfectly fine. Pages load quickly, all features are working and no problems found with CRUD, logging in or out, signing up, paying for each service etc.
Mozilla Firefox: All aspects of the site work perfectly fine. Pages load quickly, all features are working and no problems found with CRUD, logging in or out, signing up, paying for each service etc.

  • Every button and link works and redirects to the next page quickly
  • URL's load correctly on the Services page
  • Sign up form sends an automated email from my personal gmail account to the user to verify the email address. This works as it should

Mobile

Tested all aspects of the site via three devices, Apple Iphone 11, Samsung S20FE and Samsung S7 tablet. The site reacts well to different devices, responsiveness works well, including on apples browser Safari.

Unfixed bugs

  • Two errors remain in Chrome dev tools Console on the live version of the site.
    • Two of these errors relate to AWS CORS policy and sitewebmanifest within S3.
    • Although I have tried to research these issues, I have not found a cure, thus these errors remain.
    • The functionality of the site is not compromised by these errors.

Fixed bugs

  • While testing on safari, a bug was found with dark mode switched on, relating to the form input not showing any text at all.
    • This was a simple fix by setting text-input colour to #000 (black).
  • There was an error to do with bootstrap.scrollspy, this was found in the scripts.js file from bootstrap this is necessary for the site but threw an error anyway. The fix for this was removing the if statement within the mainNav scroll spy code. The site functions as normal.
  • Another error I kept getting in the console was for mailchimp, not being able to load the mc-validate.js file correctly. I moved the script to the bottom of the base.html file and that cured the problem.

To navigate back to the README click here