From ffab1251e2fd0dfbf67a27e2a6e1610881bb2f73 Mon Sep 17 00:00:00 2001
From: Erik Lieben <erik.lieben@effectory.com>
Date: Sun, 9 Oct 2016 20:03:18 +0200
Subject: [PATCH] feat(syntax): tokenize replace-part with
 replace-part.attribute.html.au

---
 syntaxes/html.json                    |  13 +-
 test/syntax.html/replace-part.test.ts | 188 ++++++++++++++++++++++++++
 2 files changed, 200 insertions(+), 1 deletion(-)
 create mode 100644 test/syntax.html/replace-part.test.ts

diff --git a/syntaxes/html.json b/syntaxes/html.json
index 370342b0..58870822 100644
--- a/syntaxes/html.json
+++ b/syntaxes/html.json
@@ -181,6 +181,9 @@
         {
           "include": "#tag-aurelia-containerless-attribute"
         },
+        {
+          "include": "#tag-aurelia-replace-part-attribute"
+        },
         {
           "include": "#tag-aurelia-bindable-attribute"
         },
@@ -384,9 +387,17 @@
       "name": "ref.attribute.html.au"
     },
     "tag-aurelia-attribute": {
-      "match": "[^=-]\\b(as-element|replace-part)",
+      "match": "[^=-]\\b(as-element)",
       "name": "attribute.html.au"
     },
+    "tag-aurelia-replace-part-attribute": {
+      "match": "(?<![\"'-])\\b(replace-part)(?=\\=)\\b",
+      "captures": {
+        "1": {
+          "name": "replace-part.attribute.html.au"
+        }
+      }
+    },
     "tag-aurelia-replaceable-attribute": {
       "match": "(?<!\"')\\b[^=-](replaceable)(?!-)\\b",
       "captures": {
diff --git a/test/syntax.html/replace-part.test.ts b/test/syntax.html/replace-part.test.ts
new file mode 100644
index 00000000..9605ede0
--- /dev/null
+++ b/test/syntax.html/replace-part.test.ts
@@ -0,0 +1,188 @@
+import { assert } from 'chai';
+import { getTokenOnCharRange, hasScope, tokenizeLine, writeOut } from './test.utils';
+
+describe('The Aurelia HTML syntax replace-part attribute', () => {
+
+  it(`must tokenize (replace-part)="item-template" attribute with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replace-part.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template replace-part="item-template">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 22);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });
+
+  it(`must tokenize (replace-part)='item-template' attribute with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replace-part.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template replace-part=\'item-template\'>');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 22);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });
+
+  it(`must not tokenize (replace-part) attribute with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replace-part.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template replace-part>');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 22);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  });
+
+  it(`must not tokenize class="replace-part" attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<div class="replace-part">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 12, 24);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  });  
+
+  it(`must not tokenize class='replace-part' attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<div class=\'replace-part\'>');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 12, 24);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  });  
+
+  it(`must not tokenize (somereplace-part)="item-template" attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template somereplace-part="item-template">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 26);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  }); 
+
+  it(`must not tokenize (somereplace-part)='item-template' attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template somereplace-part=\'item-template\'>');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 26);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  }); 
+
+  it(`must not tokenize (replace-partsome)="item-template" attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template replace-partsome="item-template">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 26);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  }); 
+
+  it(`must not tokenize (replace-partsome)='item-template' attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template replace-partsome=\'item-template\'>');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 26);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  }); 
+
+  it(`must not tokenize (replace-part-some)="item-template" attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template replace-part-some="item-template">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 27);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  }); 
+
+  it(`must not tokenize (replace-part-some)='item-template' attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template replace-part-some=\'item-template\'>');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 27);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  }); 
+
+  it(`must not tokenize (some-replace-part)="item-template" attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template some-replace-part="item-template">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 27);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  }); 
+
+  it(`must not tokenize (some-replace-part)='item-template' attribute body with scope "replace-part.attribute.html.au"`, () => {
+
+    // arrange
+    let scope = 'replaceable.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<template some-replace-part=\'item-template\'>');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 10, 27);
+    assert.isOk(!hasScope(token.scopes, scope));
+
+  });
+ 
+});