QA

  • system testing what guarantees the customer is given high-quality software that’s free of critical errors

what is it

  • rigorous testing is needed to identify and rectify issues that could hinder user experience

  • website quality assurance is necessary it’s not just about catching bugs: it’s about building a solid foundation for everything that comes next

    • ex) broken links, slow loading times, or compatibility problems across different devices and browsers
    • smooth customer experience, minimal downtime, and much less developer stress
  • identifying & fixing bugs early in the development process is significantly cheaper in the long run

  • break things on purpose w/ a methodical approach

  • how to actually test code?

    • it used to be manual but not really anymore
    • selenium, cyprus, webdriver
  • LCP measures when the largest visible content element in the viewport is rendered. It often ends up being:

    • A big paragraph
    • A hero image
    • A heading
    • A video

Website Quality Assurance Checklist

  • UI testing
    • consistent branding & design elements, verify font size/color/spacing
    • test loading times, ensure images load correctly
    • check responsive design
  • Content Audit
    • reviewing your website’s content for accuracy, relevance, and consistency
  • Functional Testing
    • verifies that each function of the application works as intended
    • click thru all buttons, test search functionality, test user registration and login, ensure error messages are clear & helpful
  • Website Security
    • testing for common vulnerabilities like SQL injection and brute-force attacks
    • Check for SSL certificates.
    • Test for vulnerabilities like SQL injection and cross-site scripting (XSS).
    • Verify strong password policies.
    • Ensure regular security updates.
    • Consider using a CMS that does website monitoring for you
  • Accessibility
    • a process that ensures a website is usable by people with disabilities
    • keyboard navigation
    • screen reader compatibility
    • color contrast
    • alt test for images
  • api response testing
  • cookie testing

tools

  • for website qa

    • postman
  • TestRail

  • CrossBrowserTesting - free trial

  • Web Developer Form Filler tool

  • Window Resizer

    • helps you visualize how your site looks at different window sizes
  • CloudQA

    • fit for use by all levels of testers, even those without technical development or design skills
    • You can use it for regression testing and it gives instant feedback
  • SEOptimer

    • SEO testing site audit to help you identify what you are doing right when it comes to SEO
  • performance testing

  • security testing

  • compatibility testing

  • content testing

  • resources

  • https://blog.hubspot.com/website/website-quality-assurance