Fix report template, add djlint configuration (#804)

hendzeld · Pierre-Sassoulas · web-flow · commit 55a92a46206d · 2024-11-25T13:28:19.000+01:00
* Ignore some basic errors

From djlint output:
H005 2:0 Html tag should have lang attribute. &lt;html&gt; &lt;head&gt;
H016 2:0 Missing title tag in html. &lt;html&gt; &lt;head&gt;
H030 2:0 Consider adding a meta description. &lt;html&gt; &lt;head&gt;
H031 2:0 Consider adding meta keywords. &lt;html&gt; &lt;head&gt;
H006 48:20 Img tag should have height and width attributes. &lt;img src="" /&gt;
H013 48:20 Img tag should have an alt attribute. &lt;img src="" /&gt;
H025 87:112 Tag seems to be an orphan. &lt;/span&gt;

* Fix input tag

Removed extra  `/` that caused reporting of next &lt;/span&gt; tag

Co-authored-by: Pierre Sassoulas &lt;pierre.sassoulas@gmail.com&gt;
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
@@ -76,6 +76,15 @@ repos:
         language: python
         additional_dependencies: [pygments, restructuredtext_lint]
 
+  - repo: local
+    hooks:
+      - id: djlint
+        name: djlint
+        entry: djlint
+        files: \.jinja2$
+        language: python
+        additional_dependencies: [djlint]
+
   - repo: https://github.com/elidupuis/mirrors-sass-lint
     rev: "5cc45653263b423398e4af2561fae362903dd45d"
     hooks:
diff --git a/pyproject.toml b/pyproject.toml
@@ -111,3 +111,7 @@ warn_redundant_casts = true
 warn_return_any = true
 warn_unreachable = true
 warn_unused_configs = true
+
+[tool.djlint]
+profile = "jinja"
+ignore = "H005,H016,H030,H031,H006,H013"
diff --git a/src/pytest_html/resources/index.jinja2 b/src/pytest_html/resources/index.jinja2
@@ -31,6 +31,7 @@
         <tr id="not-found-message">
           <td colspan="{{ table_head|length }}">No results found. Check the filters.</td>
         </tr>
+      </tbody>
     </template>
     <template id="template_results-table__tbody">
       <tbody class="results-table-row">
@@ -41,14 +42,14 @@
             <div class="extraHTML"></div>
             <div class="media">
               <div class="media-container">
-                  <div class="media-container__nav--left"><</div>
+                  <div class="media-container__nav--left">&lt;</div>
                   <div class="media-container__viewport">
                     <img src="" />
                     <video controls>
                       <source src="" type="video/mp4">
                     </video>
                   </div>
-                  <div class="media-container__nav--right">></div>
+                  <div class="media-container__nav--right">&gt;</div>
                 </div>
                 <div class="media__name"></div>
                 <div class="media__counter"></div>
@@ -81,7 +82,7 @@
         <div class="controls">
           <div class="filters">
           {%- for result, values in outcomes.items() %}
-            <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="{{ result }}" {{ "disabled" if values["value"] == 0 }}/>
+            <input checked="true" class="filter" name="filter_checkbox" type="checkbox" data-test-result="{{ result }}" {{ "disabled" if values["value"] == 0 }}>
             <span class="{{ result }}">{{ values["value"] }} {{ values["label"] }}{{ "," if result != "rerun" }}</span>
           {%- endfor %}
           </div>
