Typescript validation and export.

.github/workflows/main.yml

@@ -13,34 +13,33 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
-
-    - name: Set up Python 3.9
-      uses: actions/setup-python@v2
-      with:
-        python-version: 3.9
-
-    - name: Start Python HTTP Server
-      run: |
-        python -m http.server --directory src 8090 &
-        echo "SERVER_PID=$!" >> $GITHUB_ENV
-
-    - name: Install Node.js
-      uses: actions/setup-node@v2
-      with:
-        node-version: 16
-
-    - name: Install Cypress and dependencies
-      run: |
-        npm ci
-
-    - name: Run Cypress tests
-      run: |
-        npx cypress run --config baseUrl=http://localhost:8090 --config-file=cypress.config.ts
-
-    - name: Stop Python HTTP Server
-      if: always()
-      run: |
-        kill $SERVER_PID
-
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Set up Python 3.9
+        uses: actions/setup-python@v2
+        with:
+          python-version: 3.9
+
+      - name: Start Python HTTP Server
+        run: |
+          python -m http.server --directory src 8090 &
+          echo "SERVER_PID=$!" >> $GITHUB_ENV
+
+      - name: Install Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16
+
+      - name: Install Cypress and dependencies
+        run: |
+          npm ci
+
+      - name: Run Cypress tests
+        run: |
+          npx cypress run --config baseUrl=http://localhost:8090 --config-file=cypress.config.ts
+
+      - name: Stop Python HTTP Server
+        if: always()
+        run: |
+          kill $SERVER_PID

cypress/e2e/validate.cy.js

@@ -3,6 +3,9 @@ describe('Validate Testify Tests', () => {
     beforeEach(() => {
         cy.visit('/');
     });
+    it('Click accept all cookies', () => {
+        cy.ttCookieAllAcceptClick();
+    });
     it('Accessibility test', () => {
         cy.ttAccessibility();
     });

cypress/e2e/validate.cy.ts

@@ -3,33 +3,37 @@ describe('Validate Testify Tests', () => {
     cy.visit('/')
   })
 
+  it('Click accept all cookies', () => {
+    cy.ttCookieAllAcceptClick()
+  })
+
   it('Accessibility test', () => {
     cy.ttAccessibility()
   })
 
   it('Imprint', () => {
     cy.ttValidateImprintClickable()
-  })  
+  })
 
   it('Detect google services', () => {
     cy.ttValidateNoGoogleServices()
   })
 
   it('More than one img with status ok', () => {
-    cy.ttValidateAllImagesResponseStatusOk()  
-  })  
-  
+    cy.ttValidateAllImagesResponseStatusOk()
+  })
+
   it('More than 2 internal links for each are ok', () => {
     cy.ttEveryInternalLinkStatusOk()
-  })  
-  
+  })
+
   it('All subpages are loading', () => {
-    cy.ttEveryInternalLinkIsLoading()  
-  })  
+    cy.ttEveryInternalLinkIsLoading()
+  })
 
   it('Validate page content', () => {
-    cy.ttValidatePageContent()  
-  })  
+    cy.ttValidatePageContent()
+  })
 
   it('Only one h1', () => {
     cy.ttOnlyOneH1()

mysite/.eleventy.js

@@ -1,9 +1,8 @@
-module.exports = function(eleventyConfig) {
-  eleventyConfig.addPassthroughCopy('assets');  
+module.exports = function (eleventyConfig) {
+  eleventyConfig.addPassthroughCopy('assets')
   return {
     dir: {
-      output: "../src"
-    }
-  };
-};
-
+      output: '../src',
+    },
+  }
+}

mysite/NCA.md

@@ -2,7 +2,7 @@
 layout: base-layout.njk
 title: NCA - TESTIFY
 ---
+
 <h1>NCA - TESTIFY</h1>
 <button type="button">Click Me!</button> 
 <p>Beispieltext für diese Seite.</p>
-

mysite/_data/navigation.json

@@ -1,2 +1,7 @@
-[  { "url": "/", "label": "Startseite" },  { "url": "/ueber-uns/", "label": "Über uns" },  { "url": "/impressum/", "label": "Impressum" },  { "url": "/blog/post1/", "label": "Blog Post 1" },  { "url": "/blog/post2/", "label": "Blog Post 2" }]
-
+[
+  { "url": "/", "label": "Startseite" },
+  { "url": "/ueber-uns/", "label": "Über uns" },
+  { "url": "/impressum/", "label": "Impressum" },
+  { "url": "/blog/post1/", "label": "Blog Post 1" },
+  { "url": "/blog/post2/", "label": "Blog Post 2" }
+]

mysite/_site/blog/post1/index.html

@@ -1,20 +1,19 @@
 <!DOCTYPE html>
 <html lang="de">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Blog Post 1</title>
-</head>
-<body>
-  <nav>
-    <ul>
-      
-    </ul>
-  </nav>
-  <main>
-    <p>Dies ist der Inhalt von Blog Post 1. Hier erfahren Sie mehr über interessante Themen und Neuigkeiten.</p>
-
-  </main>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog Post 1</title>
+  </head>
+  <body>
+    <nav>
+      <ul></ul>
+    </nav>
+    <main>
+      <p>
+        Dies ist der Inhalt von Blog Post 1. Hier erfahren Sie mehr über
+        interessante Themen und Neuigkeiten.
+      </p>
+    </main>
+  </body>
 </html>
-

mysite/_site/blog/post2/index.html

@@ -1,20 +1,19 @@
 <!DOCTYPE html>
 <html lang="de">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Blog Post 2</title>
-</head>
-<body>
-  <nav>
-    <ul>
-      
-    </ul>
-  </nav>
-  <main>
-    <p>Dies ist der Inhalt von Blog Post 2. Bleiben Sie auf dem Laufenden und entdecken Sie weitere spannende Themen.</p>
-
-  </main>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog Post 2</title>
+  </head>
+  <body>
+    <nav>
+      <ul></ul>
+    </nav>
+    <main>
+      <p>
+        Dies ist der Inhalt von Blog Post 2. Bleiben Sie auf dem Laufenden und
+        entdecken Sie weitere spannende Themen.
+      </p>
+    </main>
+  </body>
 </html>
-

mysite/_site/impressum/index.html

@@ -1,21 +1,17 @@
 <!DOCTYPE html>
 <html lang="de">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Impressum</title>
-</head>
-<body>
-  <nav>
-    <ul>
-
-    </ul>
-  </nav>
-  <main>
-    <h1>Impressum</h1>
-<p>Beispieltext für das Impressum.</p>
-
-  </main>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Impressum</title>
+  </head>
+  <body>
+    <nav>
+      <ul></ul>
+    </nav>
+    <main>
+      <h1>Impressum</h1>
+      <p>Beispieltext für das Impressum.</p>
+    </main>
+  </body>
 </html>
-

mysite/_site/index.html

@@ -1,23 +1,23 @@
 <!DOCTYPE html>
 <html lang="de">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Startseite</title>
-</head>
-<body>
-  <nav>
-    <ul>
-
-    </ul>
-  </nav>
-  <main>
-    <h1>Willkommen auf der Startseite</h1>
-    <p>Hier finden Sie Informationen über unser Unternehmen und unseren Blog.</p>
-    <img src="/assets/kill-bill-roland-golla.jpg" alt="Kill Bugs Fakebild mit Roland Golla im Kill Bill Look" />
-
-
-  </main>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Startseite</title>
+  </head>
+  <body>
+    <nav>
+      <ul></ul>
+    </nav>
+    <main>
+      <h1>Willkommen auf der Startseite</h1>
+      <p>
+        Hier finden Sie Informationen über unser Unternehmen und unseren Blog.
+      </p>
+      <img
+        src="/assets/kill-bill-roland-golla.jpg"
+        alt="Kill Bugs Fakebild mit Roland Golla im Kill Bill Look"
+      />
+    </main>
+  </body>
 </html>
-

mysite/_site/ueber-uns/index.html

@@ -1,21 +1,20 @@
 <!DOCTYPE html>
 <html lang="de">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Über uns</title>
-</head>
-<body>
-  <nav>
-    <ul>
-      
-    </ul>
-  </nav>
-  <main>
-    <h1>Über uns</h1>
-<p>Wir sind ein Beispielunternehmen, das sich auf die Erstellung hochwertiger Inhalte spezialisiert hat.</p>
-
-  </main>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Über uns</title>
+  </head>
+  <body>
+    <nav>
+      <ul></ul>
+    </nav>
+    <main>
+      <h1>Über uns</h1>
+      <p>
+        Wir sind ein Beispielunternehmen, das sich auf die Erstellung
+        hochwertiger Inhalte spezialisiert hat.
+      </p>
+    </main>
+  </body>
 </html>
-

mysite/blog/post1.md

@@ -2,5 +2,5 @@
 layout: blog-layout.njk
 title: Blog Post 1
 ---
-<p>Dies ist der Inhalt von Blog Post 1. Hier erfahren Sie mehr über interessante Themen und Neuigkeiten.</p>
 
+<p>Dies ist der Inhalt von Blog Post 1. Hier erfahren Sie mehr über interessante Themen und Neuigkeiten.</p>

mysite/blog/post2.md

@@ -2,5 +2,5 @@
 layout: blog-layout.njk
 title: Blog Post 2
 ---
-<p>Dies ist der Inhalt von Blog Post 2. Bleiben Sie auf dem Laufenden und entdecken Sie weitere spannende Themen.</p>
 
+<p>Dies ist der Inhalt von Blog Post 2. Bleiben Sie auf dem Laufenden und entdecken Sie weitere spannende Themen.</p>