Content

Testing
Return to README.md Document

TESTING

VIEW WEBSITE LIVE## HTML, CSS, JAVASCRIPT Validation Testing

1. HTML Validation

The tool used for this code validation was the W3C Markup Validation Service, which was used by URL to make sure there were no errors in none of the HTML Files. The results were the following:

Date: Monday, May 10th, 2021

1. Issue: The element a must not appear as a descendant of the button element.

Fixes: Remove the a inside the button button element like the example bellow:

Before:

<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
    <div class="dropdown menu-dropdown">
        <button class="dropbtn page-scroll menu-dropbtn active"><a class="nav-link" href="index.html"><i
                    class="fa fa-home"></i> Home</a></button>
        <div class="dropdown-content menu-dropdown-content">
            <a href="index.html#about">> About Produck</a>
            <a href="index.html#services">> Our Services</a>
            <a href="index.html#contact">> Contact Us</a>
            <a href="index.html#footer">> Favourite Links</a>
        </div>
    </div>
</li>

After:

<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
    <div class="dropdown menu-dropdown">
        <button class="dropbtn page-scroll menu-dropbtn nav-link active"><i class="fa fa-home"></i> Home</button>
        <div class="dropdown-content menu-dropdown-content">
            <a href="index.html#about">> About Produck</a>
            <a href="index.html#services">> Our Services</a>
            <a href="index.html#contact">> Contact Us</a>
            <a href="index.html#footer">> Favourite Links</a>
        </div>
    </div>
</li>

2. Issue: Stray end tag i.

Fixes: Remove the </i> element from the code as it is no longer in use to finally get the following:

<h4>Hey There!</h4>

3. Issue: Duplicate ID contactForm.

Fixes: Replace the id name of the newsletter form from the footer to the following:

<form onsubmit="return sendEmail(this);" id="newsletterForm"></form>

4. Issue: The type attribute is unnecessary for JavaScript resources.

Fixes: Remove the type attribute (~~type="text/javascript"~~) from all of the following:

<script type="text/javascript" src="assets/js/filename.js"></script>

The final report would have shown no errors in the html files as these would have been properly fixed as indicated above. However, due to a lack of time, the changes won't be implemented before the project deadline.

Home Page

PM Role Page

Leaders Page

PM Books Page

Resources Page

ToBuyList Page

ToReadList Page

ToRateList Page

Bookmarks Page

BookNotes Page

2. CSS Validation

The tool used for this code validation was the W3C CSS Validation Service, which was used by URL to make sure that there were no errors in the CSS Style Sheet. The results were the following:

Date: Monday, May 10th, 2021

The CSS yielded no major errors, so I proceeded with further testing after fixing the first two issues (the transition-delay and box-sizing values).

Just in case, the testing was performed again, this time by File Upload and Direct Input, and the results were exactly the same.

3. JAVASCRIPT Validation

The tool used for this code validation was the JS Hint V2.12.0, which was used by Direct Input of all the js files in this project to make sure there were no errors in none of the JavaScript Files. The results were the following:

bookmarks.js