Fix nested component detection

Author: lolmaus

transforms/angle-brackets/transform.js

@@ -46,7 +46,11 @@ function isBuiltInComponent(key) {
 }
 
 function isNestedComponentTagName(tagName) {
-  return tagName && tagName.includes && (tagName.includes('/') || tagName.includes('-'));
+  return (
+    tagName &&
+    tagName.includes &&
+    (tagName.includes('/') || (tagName.includes('-') && tagName.includes('.')))
+  );
 }
 
 function isWallStreet(tagName) {

transforms/angle-brackets/transform.test.js

@@ -878,7 +878,7 @@ test('tilde', () => {
   expect(runTest('tilde.hbs', input)).toMatchInlineSnapshot(`
     "
         {{#if foo~}}
-          <SomeComponent />
+          {{some-component}}
         {{/if}}
       "
   `);
@@ -1370,3 +1370,19 @@ test('yield', () => {
 
   expect(runTestWithData('pipe.hbs', input, {}, {})).toMatchInlineSnapshot(`"{{yield}}"`);
 });
+
+test('unknown helper with args', () => {
+  let input = `
+    {{api-reference component=this.currentComponent}}
+    {{api-reference someArg}}
+    {{api-reference}}
+  `;
+
+  expect(runTestWithData('pipe.hbs', input, {}, {})).toMatchInlineSnapshot(`
+    "
+        <ApiReference @component={{this.currentComponent}} />
+        {{api-reference someArg}}
+        {{api-reference}}
+      "
+  `);
+});