@penskemediacorp/twig-to-php-parser 1.10.0-alpha.0 → 1.26.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Penske Media Corporation
+
+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.

package/README.md

@@ -20,7 +20,7 @@ This package is intended to work with Larva Patterns to both parse patterns into
 
 ~When parsing includes, the parser looks for the `@larva` namespace, and will point includes to `PMC_CORE_PATH` when it finds it. Otherwise, includes will point to CHILD_THEME_PATH.~ This is not in effect yet. Everything is contained to the child theme.
 
-The parser supports a *very limited amount of Twig* and relies on keywords in data names in order to parse escaping correctly. Please refer to the Confluence documentation for Twig authoring guidelies: https://confluence.pmcdev.io/x/JoGJAg
+The parser supports a *very limited amount of Twig* and relies on keywords in data names in order to parse escaping correctly. Please refer to the Confluence documentation for Twig authoring guidelines: https://confluence.pmcdev.io/x/JoGJAg
 
 ## Usage
 
@@ -30,13 +30,60 @@ module.exports = {
 	// Other config
 
 	parser: {
-		relativeSrcOverride: false, // The default will look in src/patterns for the source path, but if you want to parse from a different directory, you can add that path here.
-		isCore: false // Or true, if it is the core theme and should parse everything to PMC_CORE_PATH
 	}
 }
 ```
 
+The parser object supports the following configuration:
+```language-js
+	parser: {
+		twigDir: path.resolve( './new-path/to-twig/' ), // Default /theme/assets/src/patterns.
+		phpDir: path.resolve( './new-path/to-php/' ), // Default /theme/template-parts/patterns.
+		isUsingPlugin: true, // Default false.
+	}
+```
+
 Then, run the script from the assets directory by executing the package binary like so:
 ```
-$ node_modules/.bin/twig-to-php-parser
+./node_modules/.bin/twig-to-php-parser
+```
+
+Supported wp action in twig markup:
+```language-twig
+{{ wp_action( 'action_name', arg1, arg2, ... ) }}
+```
+would translate to
+```language-php
+<?php do_action( 'action_name', $arg1, $arg2, ... ); ?>
 ```
+
+## How To
+TODO: Standardize and improve code structure for future improvement
+
+### Add a new function
+
+- New function add must follow twig function syntax: function_name( p1, p2, ... )
+- The new `function_name` must be added to larva/lib/server.js to support twig linting
+
+		// Add custom function support for doing wp action: {{ function_name( ... ) }}
+		twing.addFunction(new TwingFunction('function_name',() => {
+			return Promise.resolve(''); // must return a promise result
+		}));
+
+- Add a new code block function/class to translate twig markup into php code block to twig-to-php-parse.php
+	- Code block function should take a twig markup string as input 
+	- Return the translated php code block
+	  
+			function parse_my_new_function( $twig_markup ) {
+				// Code to parse and translate $twig_markup
+				return $twig_patterns;
+			}
+	  
+	- Modify function twig_to_php_parser and call to the new parser function to process $twig_markup_replace_main variable
+		
+			$twig_markup_replace_main = parse_my_new_function( $twig_markup_replace_main ) 
+
+- Add unit test
+	- Add js function to index.js to load the php code
+	- Add unit test to test the new parser function
+		

package/__tests__/fixtures/larva.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+	parser: {
+		twigDir: `${ __dirname }/src/patterns/`,
+		phpDir: `${ __dirname }/template-parts/patterns/`,
+		isUsingPlugin: true,
+	},
+};

package/__tests__/fixtures/src/patterns/04-components/c-byline/c-byline.twig

@@ -1,5 +1,5 @@
 <p class="c-byline {{ modifier_class }} {{ c_byline_classes }}">
 	{{ c_byline_by_text }}
 
-	{{ c_byline_markup }}
+	{{ c_byline_markup|raw }}
 </p>

package/__tests__/fixtures/src/patterns/04-components/c-heading/c-heading.twig

@@ -1,2 +1 @@
 <h2 class="c-heading {{ modifier_class }}">{{ c_heading_text }}</h2>
-{% include "../modules/trending.twig" with item %}

package/__tests__/fixtures/src/patterns/04-components/c-logo/c-logo.twig

@@ -0,0 +1,3 @@
+<div>
+	{% include '/assets/build/svg/' ~ c_logo_svg ~ '.svg' %}
+</div>

package/__tests__/fixtures/src/patterns/08-modules/array-key-in-loop/array-key-in-loop.twig

@@ -0,0 +1,11 @@
+{% for item in list_items %}
+	<li class="list__item larva // {{ list_item_classes }}">
+		{% if item['list_items'] %}
+			{% include "@larva/modules/list/list.twig" with item %}
+		{% else %}
+			<div class="{{ item['list_item_classes'] }}">
+				{{ item['list_item_markup'] }}
+			</div>
+		{% endif %}
+	</li>
+{% endfor %}

package/__tests__/fixtures/src/patterns/08-modules/escaped-output-in-loop/escaped-output-in-loop.twig

@@ -0,0 +1,5 @@
+{% for item in slides %}
+	<div>
+		{{ item|markup }}
+	</div>
+{% endfor %}

package/__tests__/fixtures/src/patterns/08-modules/html-tag-interpolation/html-tag-interpolation.twig

@@ -0,0 +1,7 @@
+<{{ list_type_name }}l class="list larva // {{ list_classes }}">
+	{% for item in list_items %}
+		<li class="list__item larva // {{ list_item_classes }}">
+			{% include "@larva/modules/list/list.twig" with item %}
+		</li>
+	{% endfor %}
+</{{ list_type_name }}l>

package/__tests__/fixtures/src/patterns/08-modules/trending/trending.twig

@@ -5,4 +5,5 @@
 	<div class="pmc-u-margin-b-0 u-border-bottom-2">
 		{% include "../../05-objects/o-story-list/o-story-list.twig" with o_story_list %}
 	</div>
+	{{ trending_ads_wp_action }}
 </section>

package/__tests__/fixtures/src/patterns/99-objects/o-nav/o-nav.twig

@@ -8,6 +8,10 @@
 		{% for item in o_nav_list_items %}
 			<li class="o-nav__list-item {{ o_nav_list_item_classes }}" data-dropdown-list-item="{{ o_nav_list_item_data_attributes }}">
 				{% include "../../04-components/c-nav-link/c-nav-link.twig" with item %}
+				
+				{% if item['newsletter_dropdown'] %}
+					{% include "@project/modules/newsletter-dropdown/newsletter-dropdown.twig" with item['newsletter_dropdown'] %}
+				{% endif %}
 			</li>
 		{% endfor %}
 	</ul>

package/__tests__/fixtures/template-parts/.gitkeep

@@ -0,0 +1 @@
+Directory is required for tests.

package/__tests__/fixtures/template-parts-expected/patterns/components/c-button.php

@@ -1,6 +1,12 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <a class="c-button <?php echo esc_attr( $modifier_class ?? '' ); ?>" href="<?php echo esc_url( $c_button_url ?? '' ); ?>">
 	<?php echo esc_html( $c_button_text ?? '' ); ?>
 </a>

package/__tests__/fixtures/template-parts-expected/patterns/components/c-byline.php

@@ -1,6 +1,12 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <p class="c-byline <?php echo esc_attr( $modifier_class ?? '' ); ?> <?php echo esc_attr( $c_byline_classes ?? '' ); ?>">
 	<?php echo esc_html( $c_byline_by_text ?? '' ); ?>
 

package/__tests__/fixtures/template-parts-expected/patterns/components/c-heading.php

@@ -1,5 +1,10 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <h2 class="c-heading <?php echo esc_attr( $modifier_class ?? '' ); ?>"><?php echo esc_html( $c_heading_text ?? '' ); ?></h2>
-<?php \PMC::render_template( CHILD_THEME_PATH . '/template-parts/patterns/modules/trending.php', $item, true ); ?>

package/__tests__/fixtures/template-parts-expected/patterns/components/c-logo.php

@@ -0,0 +1,12 @@
+<?php
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
+?>
+
+<div>
+	<?php \PMC::render_template( \PMC\Larva\Config::get_instance()->get( 'brand_directory' ) . '/build/svg/' . ( $c_logo_svg ?? '' ) . '.svg', [], true ); ?>
+</div>

package/__tests__/fixtures/template-parts-expected/patterns/components/c-nav-link.php

@@ -1,6 +1,12 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <a class="c-nav-link <?php echo esc_attr( $c_nav_link_classes ?? '' ); ?>" href="<?php echo esc_url( $c_nav_link_url ?? '' ); ?>">
 	<?php echo esc_html( $c_nav_link_text ?? '' ); ?>
-</a>
+</a>

package/__tests__/fixtures/template-parts-expected/patterns/modules/array-key-in-loop.php

@@ -0,0 +1,20 @@
+<?php
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
+?>
+
+<?php foreach ( $list_items ?? [] as $item ) { ?>
+	<li class="list__item larva // <?php echo esc_attr( $list_item_classes ?? '' ); ?>">
+		<?php if ( ! empty( $item['list_items'] ) ) { ?>
+			<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'modules/list', $item, true ); ?>
+		<?php } else { ?>
+			<div class="<?php echo esc_attr( $item['list_item_classes'] ?? '' ); ?>">
+				<?php echo wp_kses_post( $item['list_item_markup'] ?? '' ); ?>
+			</div>
+		<?php } ?>
+	</li>
+<?php } ?>

package/__tests__/fixtures/template-parts-expected/patterns/modules/breadcrumbs.php

@@ -1,4 +1,10 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
-<?php \PMC::render_template( CHILD_THEME_PATH . '/template-parts/patterns/objects/o-nav.php', $o_nav, true ); ?>
+
+<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'objects/o-nav', $o_nav, true ); ?>

package/__tests__/fixtures/template-parts-expected/patterns/modules/escaped-output-in-loop.php

@@ -0,0 +1,5 @@
+<?php foreach ( $slides ?? [] as $item ) { ?>
+	<div>
+		<?php echo wp_kses_post( $item ?? '' ); ?>
+	</div>
+<?php } ?>

package/__tests__/fixtures/template-parts-expected/patterns/modules/html-tag-interpolation.php

@@ -0,0 +1,16 @@
+<?php
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
+?>
+
+<<?php echo esc_attr( $list_type_name ?? '' ); ?>l class="list larva // <?php echo esc_attr( $list_classes ?? '' ); ?>">
+	<?php foreach ( $list_items ?? [] as $item ) { ?>
+		<li class="list__item larva // <?php echo esc_attr( $list_item_classes ?? '' ); ?>">
+			<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'modules/list', $item, true ); ?>
+		</li>
+	<?php } ?>
+</<?php echo esc_attr( $list_type_name ?? '' ); ?>l>

package/__tests__/fixtures/template-parts-expected/patterns/modules/trending.php

@@ -1,11 +1,18 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <section class="u-max-width-300">
 	<header>
-		<?php \PMC::render_template( CHILD_THEME_PATH . '/template-parts/patterns/components/c-heading.php', $c_heading, true ); ?>
+		<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'components/c-heading', $c_heading, true ); ?>
 	</header>
 	<div class="pmc-u-margin-b-0 u-border-bottom-2">
-		<?php \PMC::render_template( CHILD_THEME_PATH . '/template-parts/patterns/objects/o-story-list.php', $o_story_list, true ); ?>
+		<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'objects/o-story-list', $o_story_list, true ); ?>
 	</div>
+	<?php do_action( 'trending_ads_wp_action' ); ?>
 </section>

package/__tests__/fixtures/template-parts-expected/patterns/objects/o-crap.php

@@ -1,4 +1,10 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <p class="o-crap <?php echo esc_attr( $modifier_class ?? '' ); ?> <?php echo esc_attr( $o_crap_classes ?? '' ); ?>"><?php echo esc_html( $o_crap_text ?? '' ); ?></p>

package/__tests__/fixtures/template-parts-expected/patterns/objects/o-nav.php

@@ -1,6 +1,12 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <nav class="o-nav <?php echo esc_attr( $modifier_class ?? '' ); ?> <?php echo esc_attr( $o_nav_classes ?? '' ); ?>" data-dropdown="<?php echo esc_attr( $o_nav_data_attributes ?? '' ); ?>">
 
 	<?php if ( ! empty( $o_nav_title_text ) ) { ?>
@@ -10,7 +16,11 @@
 	<ul class="o-nav__list <?php echo esc_attr( $o_nav_list_classes ?? '' ); ?>" data-dropdown-list="<?php echo esc_attr( $o_nav_list_data_attributes ?? '' ); ?>">
 		<?php foreach ( $o_nav_list_items ?? [] as $item ) { ?>
 			<li class="o-nav__list-item <?php echo esc_attr( $o_nav_list_item_classes ?? '' ); ?>" data-dropdown-list-item="<?php echo esc_attr( $o_nav_list_item_data_attributes ?? '' ); ?>">
-				<?php \PMC::render_template( CHILD_THEME_PATH . '/template-parts/patterns/components/c-nav-link.php', $item, true ); ?>
+				<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'components/c-nav-link', $item, true ); ?>
+				
+				<?php if ( ! empty( $item['newsletter_dropdown'] ) ) { ?>
+					<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'modules/newsletter-dropdown', $item['newsletter_dropdown'], true ); ?>
+				<?php } ?>
 			</li>
 		<?php } ?>
 	</ul>

package/__tests__/fixtures/template-parts-expected/patterns/objects/o-story-list.php

@@ -1,10 +1,16 @@
 <?php
-// This is a generated file. Refer to the relevant Twig file for adjusting this markup.
+/**
+ * Generated file.
+ *
+ * Refer to the relevant Twig file for adjusting this markup.
+ */
+
 ?>
+
 <ul class="o-story-list <?php echo esc_attr( $modifier_class ?? '' ); ?> <?php echo esc_attr( $o_story_list_classes ?? '' ); ?>">
 	<?php foreach ( $o_story_list_teases ?? [] as $item ) { ?>
 		<li class="o-story-list__item <?php echo esc_attr( $o_story_list_item_classes ?? '' ); ?>">
-			<?php \PMC::render_template( CHILD_THEME_PATH . '/template-parts/patterns/objects/o-tease.php', $item, true ); ?>
+			<?php \PMC\Larva\Pattern::get_instance()->render_pattern_template( 'objects/o-tease', $item, true ); ?>
 		</li>
 	<?php } ?>
 </ul>

package/__tests__/parser-methods.test.js

@@ -1,43 +1,118 @@
 const assert = require( 'assert' );
-( path = require( 'path' ) );
-( fs = require( 'fs' ) );
 
 const parserMethods = require( '../index.js' ).methods;
-const exec = require( 'child_process' ).exec;
-
-const fixture = path.join( __dirname, 'fixtures' );
 
 const expectations = {
-	childInclude: '<?php \\PMC::render_template( CHILD_THEME_PATH . \'/template-parts/patterns/objects/o-nav.php\', $o_nav, true ); ?>',
-	larvaInclude: '<?php \\PMC::render_template( CHILD_THEME_PATH . \'/template-parts/patterns/objects/o-nav.php\', $o_nav, true ); ?>'
-	// larvaInclude: '<?php \\PMC::render_template( PMC_CORE_PATH . \'/template-parts/patterns/objects/o-nav.php\', $o_nav, true ); ?>' - uncomment when core logic is reactivated
+	childInclude:
+		"<?php \\PMC::render_template( CHILD_THEME_PATH . '/template-parts/patterns/objects/o-nav.php', $o_nav, true ); ?>",
+	larvaInclude:
+		"<?php \\PMC::render_template( PMC_CORE_PATH . '/template-parts/patterns/objects/o-nav.php', $o_nav, true ); ?>",
+	pluginEnabled:
+		"<?php \\PMC\\Larva\\Pattern::get_instance()->render_pattern_template( 'objects/o-nav', $o_nav, true ); ?>",
 };
 
-describe( 'parse include statements', function() {
-
+describe( 'parse include statements', function () {
 	it( 'twig includes are parsed to PMC::render_template calls', ( done ) => {
-		parserMethods.parseIncludePath(
-			'{% include "o-nav/o-nav.twig" with o_nav %}',
-			'o-nav',
-			'o_nav' )
-		.catch( e => console.log( e ) )
-		.then( ( result ) => {
-			assert.equal( result, expectations.childInclude );
-			done();
-		});
-	});
+		parserMethods
+			.parseIncludePath(
+				'{% include "o-nav/o-nav.twig" with o_nav %}',
+				'o-nav',
+				'o_nav'
+			)
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => {
+				assert.equal( result, expectations.childInclude );
+				done();
+			} );
+	} );
 
 	it( 'if larva namespace, parsed path references the parent theme', ( done ) => {
-		parserMethods.parseIncludePath(
-			'{% include "@larva/objects/o-nav.twig" with o_nav %}',
-			'o-nav',
-			'o_nav' )
-		.catch( e => console.log( e ) )
-		.then( ( result ) => {
-			assert.equal( result, expectations.larvaInclude );
-			done();
-		});
-	});
-
-});
+		parserMethods
+			.parseIncludePath(
+				'{% include "@larva/objects/o-nav.twig" with o_nav %}',
+				'o-nav',
+				'o_nav'
+			)
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => {
+				assert.equal( result, expectations.larvaInclude );
+				done();
+			} );
+	} );
+
+	it( 'if plugin is enabled, use the render_pattern_template method from Larva', ( done ) => {
+		parserMethods
+			.parseIncludePath(
+				'{% include "@project/objects/o-nav.twig" with o_nav %}',
+				'o-nav',
+				'o_nav',
+				true
+			)
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => {
+				assert.equal( result, expectations.pluginEnabled );
+				done();
+			} );
+	} );
+} );
+
+describe( 'parse SVG includes', function () {
+	it( 'parses includes to brand_directory when using plugin', ( done ) => {
+		const expectedPluginEnabled =
+			"<?php \\PMC::render_template( \\PMC\\Larva\\Config::get_instance()->get( 'brand_directory' ) . '/build/svg/' . ( $c_logo_svg ?? '' ) . '.svg', [], true ); ?>";
+
+		parserMethods
+			.parseSvgPath(
+				"{% include '../../build/svg/' ~ c_logo_svg ~ '.svg' %}",
+				'c_logo_svg',
+				true
+			)
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => {
+				assert.equal( result, expectedPluginEnabled );
+				done();
+			} );
+	} );
+	it( 'parses includes to CHILD_THEME_PATH when not using plugin', ( done ) => {
+		const expected =
+			"<?php \\PMC::render_template( CHILD_THEME_PATH . '/assets/build/svg/' . ( $c_logo_svg ?? '' ) . '.svg', [], true ); ?>";
+
+		parserMethods
+			.parseSvgPath(
+				"{% include '../../build/svg/' ~ c_logo_svg ~ '.svg' %}",
+				'c_logo_svg'
+			)
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => {
+				assert.equal( result, expected );
+				done();
+			} );
+	} );
+} );
+
+describe( 'parse custom functions', function () {
+	it( 'parses wp_action function', ( done ) => {
+		parserMethods
+			.parseWpAction( "{{wp_action('test','param',variable)}}" )
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => {
+				assert.equal(
+					result,
+					"<?php do_action( 'test', 'param', $variable ); ?>"
+				);
+				done();
+			} );
 
+		// Test spacing
+		parserMethods
+			.parseWpAction( "{{ 	wp_action( 	'test', 	'param', 	variable 	) 	}}" )
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => {
+				assert.equal(
+					result,
+					"<?php do_action( 'test', 'param', $variable ); ?>"
+				);
+				done();
+			} );
+	} );
+} );

package/__tests__/twig-to-php-parser.test.js

@@ -5,59 +5,75 @@ const twigToPhpParser = require( '../index' ).twigToPhpParser;
 const exec = require( 'child_process' ).exec;
 
 const fixture = path.join( __dirname, 'fixtures' );
+const expectedDir = `${ fixture }/template-parts-expected/patterns/`;
 
-const pathConfig = {
-	twigDir: `${fixture}/src/patterns/`,
-	phpDir: `${fixture}/template-parts/patterns/`,
-	expectedDir: `${fixture}/template-parts-expected/patterns/`,
-};
+const getAppConfiguration = require( '../lib/getConfig' );
+const appConfiguration = getAppConfiguration( 'parser' );
 
 const patternShortPaths = [
 	'components/c-byline.php',
 	'components/c-heading.php',
 	'components/c-button.php',
+	'components/c-logo.php',
 	'objects/o-nav.php',
 	'objects/o-story-list.php',
 	'modules/trending.php',
+	'modules/array-key-in-loop.php',
+	'modules/html-tag-interpolation.php',
 ];
 
-describe( 'twig to php parser', function() {
-
+describe( 'twig to php parser', function () {
 	beforeEach( ( done ) => {
-		exec( 'mkdir ' + pathConfig.phpDir, ( err  ) => {
+		exec( 'mkdir ' + appConfiguration.phpDir, ( err ) => {
 			if ( err ) {
 				console.error( err );
 			}
-		});
+		} );
 
-		return twigToPhpParser( pathConfig.twigDir, pathConfig.phpDir )
-		.catch( ( e ) => console.log( e ) )
-		.then( ( result ) => done() ); // Catch PHP errors.
-	});
+		return twigToPhpParser( appConfiguration )
+			.catch( ( e ) => console.log( e ) )
+			.then( ( result ) => done() ); // Catch PHP errors.
+	} );
 
 	it( 'creates new files and directories for objects, components, and modules', ( done ) => {
-		assert.equal( fs.existsSync( pathConfig.phpDir + 'objects/o-nav.php' ), true );
-		assert.equal( fs.existsSync( pathConfig.phpDir + 'components/c-nav-link.php' ), true );
-		assert.equal( fs.existsSync( pathConfig.phpDir + 'modules/breadcrumbs.php' ), true );
+		assert.equal(
+			fs.existsSync( appConfiguration.phpDir + 'objects/o-nav.php' ),
+			true
+		);
+		assert.equal(
+			fs.existsSync(
+				appConfiguration.phpDir + 'components/c-nav-link.php'
+			),
+			true
+		);
+		assert.equal(
+			fs.existsSync(
+				appConfiguration.phpDir + 'modules/breadcrumbs.php'
+			),
+			true
+		);
 		done();
-	});
+	} );
 
 	it( 'parses patterns as expected', ( done ) => {
 		patternShortPaths.forEach( ( shortpath ) => {
-			let expectedContents = fs.readFileSync( pathConfig.expectedDir + shortpath ).toString();
-			let actualContents = fs.readFileSync( pathConfig.phpDir + shortpath ).toString();
-			
-			assert.equal( expectedContents, actualContents );
-		});
+			const expectedContents = fs
+				.readFileSync( expectedDir + shortpath )
+				.toString();
+			const actualContents = fs
+				.readFileSync( appConfiguration.phpDir + shortpath )
+				.toString();
+
+			assert.equal( actualContents, expectedContents );
+		} );
 		done();
-	});
+	} );
 
 	afterEach( () => {
-		exec( 'rm -r ' + pathConfig.phpDir, ( err ) => {
+		exec( 'rm -r ' + appConfiguration.phpDir, ( err ) => {
 			if ( err ) {
 				console.error( err );
 			}
-		});
-	});
-
-});
+		} );
+	} );
+} );