Merge pull request #3 from CloudCannon/feat/test-tranche-1

Rename tests, add vonge test

test_ci.sh

@@ -4,5 +4,6 @@ SCRIPT_DIR=$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )
 cd $SCRIPT_DIR
 
 GADGET_DIR=$(realpath "$SCRIPT_DIR/src/")
+TEST_SITES=$(realpath "$SCRIPT_DIR/toolproof_tests/test_sites")
 
-npx -y toolproof --placeholders gadget_dir="$GADGET_DIR"
+npx -y toolproof --placeholders gadget_dir="$GADGET_DIR" test_sites="$TEST_SITES"

test_interactive.sh

@@ -4,5 +4,6 @@ SCRIPT_DIR=$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )
 cd $SCRIPT_DIR
 
 GADGET_DIR=$(realpath "$SCRIPT_DIR/src/")
+TEST_SITES=$(realpath "$SCRIPT_DIR/toolproof_tests/test_sites")
 
-npx -y toolproof --placeholders gadget_dir="$GADGET_DIR" --all -i
+npx -y toolproof --placeholders gadget_dir="$GADGET_DIR" test_sites="$TEST_SITES" --all -i

toolproof_tests/core/run_gadget.toolproof.yml

@@ -21,6 +21,7 @@ steps:
 
       const crawler = new fdir().withRelativePaths().withFullPaths();
       const filePaths = await crawler.crawl("src").withPromise();
+      filePaths.sort();
       const config = await generate(filePaths, {
         readFile,
         config: {

toolproof_tests/demo.toolproof.yml → toolproof_tests/simple_11ty.toolproof.yml

@@ -1,4 +1,4 @@
-name: Text Example 1
+name: Simple 11ty test site
 
 steps:
   - step: I have a "src/.eleventy.js" file with the content {js}

toolproof_tests/test_sites/vonge-jekyll/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 CloudCannon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

toolproof_tests/test_sites/vonge-jekyll/README.md

@@ -0,0 +1,53 @@
+# Vonge
+
+Vonge is a Personal portfolio/blog site template for Jekyll. Browse through a [live demo](https://jazzed-kale.cloudvent.net/).
+Increase the web presence of your brand with this configurable theme.
+
+![Vonge template screenshot](_screenshot.png)
+
+Vonge was made by [CloudCannon](http://cloudcannon.com/), the JAMStack Cloud CMS.
+The component library is built and maintained for use with [Bookshop](https://github.com/cloudcannon/bookshop/)
+
+Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Community](https://cloudcannon.com/community/).
+
+[![Deploy to CloudCannon](https://buttons.cloudcannon.com/deploy.svg)](https://app.cloudcannon.com/register#sites/connect/github/CloudCannon/vonge-jekyll-bookshop-template)
+
+## Features
+
+* Component library for website building
+* Fully configurable Website
+* Pre-built pages
+* Pre-styled components
+* Blog
+* Category pages
+* Testimonials
+* Portfolio
+* Live editing with [CloudCannon](http://cloudcannon.com/)
+* Optimised for editing in [CloudCannon](http://cloudcannon.com/)
+* Search engine optimisation
+
+## Develop
+
+Vonge was built with [Jekyll](http://jekyllrb.com/) version 4.2.1, but should support newer versions as well.
+
+Install the dependencies for Bookshop:
+
+~~~bash
+$ npm install
+~~~
+
+Install the Jekyll dependencies with [Bundler](http://bundler.io/):
+
+~~~bash
+$ npm run jekyll:install
+~~~
+
+Run the website:
+
+~~~bash
+$ npm start
+~~~
+
+
+> [!IMPORTANT]
+> When running locally, the pagination will not work. Deploy to CloudCannon to see successful pagination. 

toolproof_tests/test_sites/vonge-jekyll/component-library/bookshop/bookshop.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    engines: {
+        "@bookshop/jekyll-engine": {}
+    }
+}

toolproof_tests/test_sites/vonge-jekyll/component-library/components/blog-card/blog-card.bookshop.yml

@@ -0,0 +1,38 @@
+# Metadata about this component, to be used in the CMS
+spec:
+  structures: []
+  label: Blog Card
+  description: Blog card used for post lists
+  icon: wysiwyg
+  tags: []
+
+# Defines the structure of this component, as well as the default values
+blueprint:
+  post:
+    title: ""
+    image: ""
+    url: ""
+    tags:
+      - one
+      - two
+      - three
+    description: ""
+    content: ""
+    date: ""
+
+# Overrides any fields in the blueprint when viewing this component in the component browser
+preview:
+  post:
+    title: Hello World
+    image: https://placekitten.com/100/100
+    url: /
+    tags:
+      - one
+      - two
+      - three
+    description: Lorem Ipsum
+    content: Lorem Ipsum Donor
+    date: 2018-04-24 15:01:35 +0300
+
+# Any extra CloudCannon inputs configuration to apply to the blueprint
+_inputs: {}

toolproof_tests/test_sites/vonge-jekyll/component-library/components/blog-card/blog-card.jekyll.html

@@ -0,0 +1,45 @@
+{% assign c = "c-blog-card" %}
+<div class="{{c}} col col-4 col-d-6 col-t-12">
+  <div class="{{c}}__inner">
+
+    {% if include.post.image %}
+    <div class="{{c}}__image-wrap">
+      <a class="{{c}}__image" href="{{ include.post.url }}">
+        <img loading="lazy" src="{{ include.post.image }}" alt="{{ include.post.title }}">
+      </a>
+    </div>
+    {% endif %}
+
+    <div class="{{c}}__content">
+
+      {% if include.post.tags.size >= 1 %}
+      <div class="{{c}}__tags-box">
+        {% for tag in include.post.tags %}
+        <a href="{{ site.baseurl }}/tag/{{ tag | downcase }}" class="{{c}}__tag">{{ tag }}</a>
+        {% endfor %}
+      </div>
+      {% endif %}
+
+      <h2 class="{{c}}__title">
+        <a href="{{ include.post.url }}">{{ include.post.title }}</a>
+      </h2>
+
+      <p class="{{c}}__excerpt">
+        {% if include.post.description %}{{ include.post.description }}{% else %}{{ include.post.content | strip_html | truncate: 120 }}{% endif
+        %}
+      </p>
+
+      <div class="{{c}}__meta">
+        <div class="{{c}}__author-image">
+          <img loading="lazy" src="{{ site.data.author.author_image }}" alt="{{ site.data.author.author_name }}">
+        </div>
+        <div class="{{c}}__info">
+          <div class="{{c}}__author-name">{{ site.data.author.author_name }}</div>
+          <span class="{{c}}__date"><time datetime="{{ include.post.date | date_to_xmlschema }}">{{ include.post.date | date_to_string
+              }}</time></span>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>