[BUGFIX] Contextual component variable transformation

package.json

@@ -22,6 +22,7 @@
   "scripts": {
     "coveralls": "cat ./coverage/lcov.info | node node_modules/.bin/coveralls",
     "debug:integration": "node --inspect-brk ./test/run-test.js",
+    "debug:test": "node --inspect-brk ./node_modules/.bin/jest --runInBand --testNamePattern",
     "deploy": "npm version patch && git push && git push --tags && npm publish",
     "lint": "eslint . --cache",
     "test:integration": "node ./test/run-test.js",

transforms/angle-brackets/telemetry/mock-invokables.js

@@ -101,4 +101,7 @@ module.exports = {
   'app/helpers/nested/helper': {
     type: 'Helper',
   },
+  'app/components/power-select': {
+    type: 'Component',
+  },
 };

transforms/angle-brackets/transform.js

@@ -12,6 +12,8 @@ const HTML_ATTRIBUTES = ['class', 'placeholder', 'required'];
 const BUILT_IN_COMPONENTS = ['link-to', 'input', 'textarea'];
 
 let inAttr = false;
+let havingBlockParams = false;
+let currentBlockParams = [];
 
 function isAttribute(key) {
   return HTML_ATTRIBUTES.includes(key) || isDataAttribute(key);
@@ -435,16 +437,23 @@ function transformToAngleBracket(fileInfo, config, invokableData) {
         node.loc.source !== '(synthetic)' &&
         !shouldIgnoreMustacheStatement(tagName, config, invokableData);
       const isNestedComponent = isNestedComponentTagName(tagName);
+      const isNotBlockParamValue =
+        !havingBlockParams && !currentBlockParams.includes(node.path.original);
 
       if (
         isValidMustache &&
-        (node.hash.pairs.length > 0 || node.params.length > 0 || isNestedComponent)
+        (node.hash.pairs.length > 0 || node.params.length > 0 || isNestedComponent) &&
+        isNotBlockParamValue
       ) {
         return transformNode(node, fileInfo, config);
       }
     },
     BlockStatement(node) {
       let tagName = `${node.path.original}`;
+      havingBlockParams = node.program.blockParams.length > 0;
+      if (havingBlockParams) {
+        currentBlockParams = node.program.blockParams;
+      }
       if (
         !shouldIgnoreMustacheStatement(node.path.original, config, invokableData) ||
         isWallStreet(tagName)

transforms/angle-brackets/transform.test.js

@@ -1164,3 +1164,20 @@ test('No telemetry', () => {
       "
   `);
 });
+
+test('contextual-component-variable', () => {
+  let input = `
+  {{#power-select search=(perform searchThings)
+    selected=selectedResult
+    placeholder="Enter the thing..."
+    loadingMessage="Searching..."
+    onchange=(perform selectThing) as |fooResult|}}
+      <span class="select-description">{{fooResult.attributes.thing-desc}}</span>
+  {{/power-select}}
+  `;
+
+  expect(runTest('contextual-component-variable.hbs', input)).toMatchInlineSnapshot(`"
+  <PowerSelect @search={{perform searchThings}} @selected={{selectedResult}} @placeholder=\\"Enter the thing...\\" @loadingMessage=\\"Searching...\\" @onchange={{perform selectThing}} as |fooResult|>
+      <span class=\\"select-description\\">{{fooResult.attributes.thing-desc}}</span>
+  </PowerSelect>"`);
+});