Skip to content

Latest commit

 

History

History
89 lines (49 loc) · 3.23 KB

TESTING.md

File metadata and controls

89 lines (49 loc) · 3.23 KB
Raw

Testing

Main README.md

Validation

  • W3C CSS validation

  • W3C Markup Validation

    • The developer used the W3C CSS Validation Service and W3C Markup Validation Service to check the validity of the website code.

  • JShint check the validity of the javascript code.

  • PEP8 check the python code

Error during the validation

HTML

the main issue I got from link tag, there are errors of the type as in the following PDF files

html-validator-cart.pdf

CSS

JavaScript

User Stories testing:

  • As a user I am looking for a responsive web design so that I can display content of website adequately to the device.
    • The user can run the app from all devices.
    • I used Bootstrap to make a responsive design.

BNZ-mockupmulti_device_BOT

  • As a shopper View a list of products so that I can Select some to purchase.
    • each product is showed by a card with all the info about it
    • each card is clickable and linked to the product details page

bnz-products

  • As a shopper Easily view the total of my purchase at any time so that I can Avoid Spending too much.

    • every times add something to cart a message is showed where you can see the total of the purchase.
    messages

  • As a shopper Easily register for an account so that I can Have a personal account and be able to view my profile.

    signup

General Testing

  • Tested all internal links within the pages.
  • Tested all buttons work.
  • Tested the responsive behavior of images and text on desktops, laptops, notebooks and various smartphones.
  • Reduce and expand the width of the window to verify that each line of text behaves the way expected and that the text arrangement looks good on all device widths.
  • CSS was put through a CSS Autoprefixer and the changes were added to the website.

Navbar

  • Click on each navigation menu item and verify that it links to the correct page.
  • Hover over call to action button and verify the hover colour change
  • Change the screen size from desktop to tablet and mobile to verify that the navigation bar is responsive.
  • Tested the logo linked back to the home page on all pages.

Forms

  • Try to submit the empty form and verify that an error message about the required fields appears
  • Try to submit the form with an invalid email address and verify that a relevant error message appears
  • Try to submit the form with all inputs valid and verify that a success message appears.
  • Try to to submit the form with all inputs valid to verify the emailJS works and I receive the template.
  • Reduce and expand the width of the window to verify that the form display behaves and centers the way expected and that it looks good on all device widths.

Bug