I’ve encountered an issue with the Build a Technical Documentation Page tests. I’ve had 2 tests that have failed repeatedly and I’m not quite sure why.
For the first test I’ve been having issues with, it’s the " None of your header elements should be empty" test. Strangely, when I remove the header from my nav element, the test passes, despite that header having text inside prior to it being removed.
The other test that has not been passing is the " Each .nav-link should have text that corresponds to the header text of its related section" test. I’m not quite sure for this one, I’ve tried repeatedly changing the text around and nothing has worked. I’m not quite sure what is wrong. Any help would be appreciated.
I’ve included my HTML below.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Technical Documentation</title>
</head>
<body>
<nav id="navbar">
<header>PDF to HTML Program Documentation</header>
<ul>
<li>
<a class="nav-link" href="#Introduction">Introduction</a>
</li>
<li>
<a class="nav-link" href="#What_is_the_program_written_in">What is the program written in</a>
</li>
<li>
<a class="nav-link" href="#How_to_use_it">How to use it</a>
</li>
<li>
<a class="nav-link" href="#Options">Options</a>
</li>
<li>
<a class="nav-link" href="#Other_information">Other information</a>
</li>
</ul>
</nav>
<main id="main-doc">
<section class="main-section" id="Introduction">
<header>Introduction</header>
<p>A program that takes in PDF files and outputs and HTML file with the the selected PDFs embedded.</p>
<p>Also allows user to choose the font and font size of the paragraph and heading elements.</p>
<code></code>
<ul>
<li></li>
</ul>
</section>
<section class="main-section" id="What_is_the_program_written_in">
<header>What is the program written in</header>
<p>The program was written in Java using JavaFX. The program writes HTML files for you and as well the CSS file if the user selects to do so.</p>
<p>While it writes HTML and CSS files for the user, the program was solely written in Java. Essentially all the program is doing is writing HTML and CSS to a file.</p>
<code></code>
<ul>
<li></li>
</ul>
</section>
<section class="main-section" id="How_to_use_it">
<header>How to use it</header>
<p>Upon starting the program you input PDF files and optionally write some heading text. Once the PDF files are selected, you can click the generate HTML button and the files will be generated for the user in an output folder. The program will copy all the selected PDFs to the output directory and generate HTML files and as well as a CSS file.</p>
<p>The user can specify certain CSS stylings for the heading and paragraph elements in the generated HTML. These styling options can be set in the options menu.</p>
<code></code>
<ul>
<li></li>
</ul>
</section>
<section class="main-section" id="Options">
<header>Options</header>
<p>There is an options area of the program where the user can select CSS stylings for the heading and paragraph elements in the outputted HTML. As well the user can create a file where the program will output all the files to.</p>
<p>The options menu can be opened by going to file and selecting options.</p>
<code></code>
<ul>
<li></li>
</ul>
</section>
<section class="main-section" id="Other_information">
<header>Other information</header>
<p>The outputted HTML and CSS is not formatted, just simply all printed on one line. This does not affect functionality.</p>
<p>However, if the user wants the outputted HTML and CSS to be formatted so it is easier to read, they can use a program such as Visual Studio Code to reformat the HTML and CSS files to be more readable.</p>
<code></code>
<ul>
<li></li>
</ul>
</section>
</main>
</body>
</html>