Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Convert engine_handlebars_tests.js to use tape #526

Merged
merged 2 commits into from
Oct 10, 2016
Merged

Convert engine_handlebars_tests.js to use tape #526

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b552fbc
Convert engine_handlebars_tests.js to use tape
alexbenic Oct 8, 2016
f2e8a8a
Use tap instead of tape
alexbenic Oct 10, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
277 changes: 143 additions & 134 deletions test/engine_handlebars_tests.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,22 @@
"use strict";
/*eslint-disable no-shadow*/

var tap = require('tap');
var path = require('path');
var pa = require('../core/lib/pattern_assembler');
var Pattern = require('../core/lib/object_factory').Pattern;
var testPatternsPath = path.resolve(__dirname, 'files', '_handlebars-test-patterns');
var eol = require('os').EOL;

// don't run these tests unless handlebars is installed
var engineLoader = require('../core/lib/pattern_engines');
if (!engineLoader.handlebars) {
tap.test('Handlebars engine not installed, skipping tests.', function (test) {
test.end()
})
return
};

// fake pattern lab constructor:
// sets up a fake patternlab object, which is needed by the pattern processing
// apparatus.
Expand Down Expand Up @@ -34,7 +45,7 @@ function fakePatternLab() {

// function for testing sets of partials
function testFindPartials(test, partialTests) {
test.expect(partialTests.length + 1);
test.plan(partialTests.length + 1);

// setup current pattern from what we would have during execution
// docs on partial syntax are here:
Expand All @@ -56,138 +67,136 @@ function testFindPartials(test, partialTests) {
test.equals(results[index], testString);
});

test.done();
test.end();
}

exports['engine_handlebars'] = {
'hello world handlebars pattern renders': function (test) {
test.expect(1);

var patternPath = path.join('00-atoms', '00-global', '00-helloworld.hbs');

// do all the normal processing of the pattern
var patternlab = new fakePatternLab();
var assembler = new pa();
var helloWorldPattern = assembler.process_pattern_iterative(patternPath, patternlab);
assembler.process_pattern_recursive(patternPath, patternlab);

test.equals(helloWorldPattern.render(), 'Hello world!' + eol);
test.done();
},
'hello worlds handlebars pattern can see the atoms-helloworld partial and renders it twice': function (test) {
test.expect(1);

// pattern paths
var pattern1Path = path.join('00-atoms', '00-global', '00-helloworld.hbs');
var pattern2Path = path.join('00-molecules', '00-global', '00-helloworlds.hbs');

// set up environment
var patternlab = new fakePatternLab(); // environment
var assembler = new pa();

// do all the normal processing of the pattern
assembler.process_pattern_iterative(pattern1Path, patternlab);
var helloWorldsPattern = assembler.process_pattern_iterative(pattern2Path, patternlab);
assembler.process_pattern_recursive(pattern1Path, patternlab);
assembler.process_pattern_recursive(pattern2Path, patternlab);

// test
test.equals(helloWorldsPattern.render(), 'Hello world!' + eol + ' and Hello world!' + eol + eol);
test.done();
},
'handlebars partials can render JSON values': function (test) {
test.expect(1);

// pattern paths
var pattern1Path = path.join('00-atoms', '00-global', '00-helloworld-withdata.hbs');

// set up environment
var patternlab = new fakePatternLab(); // environment
var assembler = new pa();

// do all the normal processing of the pattern
var helloWorldWithData = assembler.process_pattern_iterative(pattern1Path, patternlab);
assembler.process_pattern_recursive(pattern1Path, patternlab);

// test
test.equals(helloWorldWithData.render(), 'Hello world!' + eol + 'Yeah, we got the subtitle from the JSON.' + eol);
test.done();
},
'handlebars partials use the JSON environment from the calling pattern and can accept passed parameters': function (test) {
test.expect(1);

// pattern paths
var atomPath = path.join('00-atoms', '00-global', '00-helloworld-withdata.hbs');
var molPath = path.join('00-molecules', '00-global', '00-call-atom-with-molecule-data.hbs');

// set up environment
var patternlab = new fakePatternLab(); // environment
var assembler = new pa();

// do all the normal processing of the pattern
assembler.process_pattern_iterative(atomPath, patternlab);
var mol = assembler.process_pattern_iterative(molPath, patternlab);
assembler.process_pattern_recursive(atomPath, patternlab);
assembler.process_pattern_recursive(molPath, patternlab);

// test
test.equals(mol.render(), '<h2>Call with default JSON environment:</h2>' + eol + 'This is Hello world!' + eol + 'from the default JSON.' + eol + eol + eol +'<h2>Call with passed parameter:</h2>' + eol + 'However, this is Hello world!' + eol + 'from a totally different blob.' + eol + eol);
test.done();
},
'find_pattern_partials finds partials': function (test) {
testFindPartials(test, [
"{{> molecules-comment-header}}",
"{{> molecules-comment-header}}",
"{{> " + eol + " molecules-comment-header" + eol + "}}",
"{{> molecules-weird-spacing }}",
"{{> molecules-ba_d-cha*rs }}"
]);
},
'find_pattern_partials finds verbose partials': function (test) {
testFindPartials(test, [
'{{> 01-molecules/06-components/03-comment-header.hbs }}',
"{{> 01-molecules/06-components/02-single-comment.hbs(description: 'A life is like a garden. Perfect moments can be had, but not preserved, except in memory.') }}",
'{{> molecules-single-comment:foo }}',
"{{>atoms-error(message: 'That\'s no moon...')}}",
"{{> atoms-error(message: 'That\'s no moon...') }}",
'{{> 00-atoms/00-global/06-test }}'
]);
},
'find_pattern_partials finds simple partials with parameters': function (test) {
testFindPartials(test, [
"{{> molecules-single-comment(description: 'A life isn\'t like a garden. Perfect moments can be had, but not preserved, except in memory.') }}",
'{{> molecules-single-comment(description:"A life is like a \"garden\". Perfect moments can be had, but not preserved, except in memory.") }}'
]);
},
'find_pattern_partials finds simple partials with style modifiers': function (test) {
testFindPartials(test, [
'{{> molecules-single-comment:foo }}'
]);
},
'find_pattern_partials finds partials with handlebars parameters': function (test) {
testFindPartials(test, [
'{{> atoms-title title="bravo" headingLevel="2" headingSize="bravo" position="left"}}',
'{{> atoms-title title="bravo"' + eol + ' headingLevel="2"' + eol + ' headingSize="bravo"' + eol + ' position="left"}}',
'{{> atoms-title title="color &nbsp;<span style=\'font-weight:normal\'>midnight blue</span>" headingSize="charlie"}}',
'{{> atoms-input label="city" required=true}}',
'{{> organisms-product-filter filterData}}',
'{{> atoms-input email required=true}}',
'{{> molecules-storycard variants.flex }}',
'{{> myPartial name=../name }}'
]);
},

'find_pattern_partials finds handlebars block partials': function (test) {
testFindPartials(test, [
'{{#> myPartial }}'
]);
}
};


// don't run these tests unless handlebars is installed
var engineLoader = require('../core/lib/pattern_engines');
if (!engineLoader.handlebars) {
console.log("Handlebars engine not installed, skipping tests.");
delete exports.engine_handlebars;
}
tap.test('hello world handlebars pattern renders', function (test) {
test.plan(1);

var patternPath = path.join('00-atoms', '00-global', '00-helloworld.hbs');

// do all the normal processing of the pattern
var patternlab = new fakePatternLab();
var assembler = new pa();
var helloWorldPattern = assembler.process_pattern_iterative(patternPath, patternlab);
assembler.process_pattern_recursive(patternPath, patternlab);

test.equals(helloWorldPattern.render(), 'Hello world!' + eol);
test.end();
});

tap.test('hello worlds handlebars pattern can see the atoms-helloworld partial and renders it twice', function (test) {
test.plan(1);

// pattern paths
var pattern1Path = path.join('00-atoms', '00-global', '00-helloworld.hbs');
var pattern2Path = path.join('00-molecules', '00-global', '00-helloworlds.hbs');

// set up environment
var patternlab = new fakePatternLab(); // environment
var assembler = new pa();

// do all the normal processing of the pattern
assembler.process_pattern_iterative(pattern1Path, patternlab);
var helloWorldsPattern = assembler.process_pattern_iterative(pattern2Path, patternlab);
assembler.process_pattern_recursive(pattern1Path, patternlab);
assembler.process_pattern_recursive(pattern2Path, patternlab);

// test
test.equals(helloWorldsPattern.render(), 'Hello world!' + eol + ' and Hello world!' + eol + eol);
test.end();
});

tap.test('handlebars partials can render JSON values', function (test) {
test.plan(1);

// pattern paths
var pattern1Path = path.join('00-atoms', '00-global', '00-helloworld-withdata.hbs');

// set up environment
var patternlab = new fakePatternLab(); // environment
var assembler = new pa();

// do all the normal processing of the pattern
var helloWorldWithData = assembler.process_pattern_iterative(pattern1Path, patternlab);
assembler.process_pattern_recursive(pattern1Path, patternlab);

// test
test.equals(helloWorldWithData.render(), 'Hello world!' + eol + 'Yeah, we got the subtitle from the JSON.' + eol);
test.end();
});

tap.test('handlebars partials use the JSON environment from the calling pattern and can accept passed parameters', function (test) {
test.plan(1);

// pattern paths
var atomPath = path.join('00-atoms', '00-global', '00-helloworld-withdata.hbs');
var molPath = path.join('00-molecules', '00-global', '00-call-atom-with-molecule-data.hbs');

// set up environment
var patternlab = new fakePatternLab(); // environment
var assembler = new pa();

// do all the normal processing of the pattern
assembler.process_pattern_iterative(atomPath, patternlab);
var mol = assembler.process_pattern_iterative(molPath, patternlab);
assembler.process_pattern_recursive(atomPath, patternlab);
assembler.process_pattern_recursive(molPath, patternlab);

// test
test.equals(mol.render(), '<h2>Call with default JSON environment:</h2>' + eol + 'This is Hello world!' + eol + 'from the default JSON.' + eol + eol + eol +'<h2>Call with passed parameter:</h2>' + eol + 'However, this is Hello world!' + eol + 'from a totally different blob.' + eol + eol);
test.end();
});

tap.test('find_pattern_partials finds partials', function (test) {
testFindPartials(test, [
"{{> molecules-comment-header}}",
"{{> molecules-comment-header}}",
"{{> " + eol + " molecules-comment-header" + eol + "}}",
"{{> molecules-weird-spacing }}",
"{{> molecules-ba_d-cha*rs }}"
]);
});

tap.test('find_pattern_partials finds verbose partials', function (test) {
testFindPartials(test, [
'{{> 01-molecules/06-components/03-comment-header.hbs }}',
"{{> 01-molecules/06-components/02-single-comment.hbs(description: 'A life is like a garden. Perfect moments can be had, but not preserved, except in memory.') }}",
'{{> molecules-single-comment:foo }}',
"{{>atoms-error(message: 'That\'s no moon...')}}",
"{{> atoms-error(message: 'That\'s no moon...') }}",
'{{> 00-atoms/00-global/06-test }}'
]);
});

tap.test('find_pattern_partials finds simple partials with parameters', function (test) {
testFindPartials(test, [
"{{> molecules-single-comment(description: 'A life isn\'t like a garden. Perfect moments can be had, but not preserved, except in memory.') }}",
'{{> molecules-single-comment(description:"A life is like a \"garden\". Perfect moments can be had, but not preserved, except in memory.") }}'
]);
});

tap.test('find_pattern_partials finds simple partials with style modifiers', function (test) {
testFindPartials(test, [
'{{> molecules-single-comment:foo }}'
]);
});

tap.test('find_pattern_partials finds partials with handlebars parameters', function (test) {
testFindPartials(test, [
'{{> atoms-title title="bravo" headingLevel="2" headingSize="bravo" position="left"}}',
'{{> atoms-title title="bravo"' + eol + ' headingLevel="2"' + eol + ' headingSize="bravo"' + eol + ' position="left"}}',
'{{> atoms-title title="color &nbsp;<span style=\'font-weight:normal\'>midnight blue</span>" headingSize="charlie"}}',
'{{> atoms-input label="city" required=true}}',
'{{> organisms-product-filter filterData}}',
'{{> atoms-input email required=true}}',
'{{> molecules-storycard variants.flex }}',
'{{> myPartial name=../name }}'
]);
});

tap.test('find_pattern_partials finds handlebars block partials', function (test) {
testFindPartials(test, [
'{{#> myPartial }}'
]);
});