feat(syntax): tokenize view-spy

syntaxes/html.json

@@ -187,6 +187,9 @@
         {
           "include": "#tag-aurelia-compile-spy-attribute"
         },
+        {
+          "include": "#tag-aurelia-view-spy-attribute"
+        },        
         {
           "include": "#tag-aurelia-replace-part-attribute"
         },
@@ -366,7 +369,15 @@
           "name": "compile-spy.attribute.html.au"
         }     
       }
-    },            
+    },
+    "tag-aurelia-view-spy-attribute" : {
+      "match": "(view-spy)( |>)",
+      "captures": {
+        "1": {
+          "name": "view-spy.attribute.html.au"
+        }     
+      }
+    },              
     "tag-aurelia-if-attribute" : {
       "match": "(?<=[^\"-])(if|naive-if)(?![-])(\\.)?(bind|one-way|two-way|one-time)?",
       "captures": {

test/syntax.html/view-spy.test.ts

@@ -0,0 +1,94 @@
+import { assert } from 'chai';
+import { getTokenOnCharRange, hasScope, tokenizeLine } from './test.utils';
+
+describe('The Aurelia HTML syntax view-spy attribute', () => {
+
+  it('must tokenize view-spy attribute with scope "view-spy.attribute.html.au"', () => {
+
+    // arrange
+    let scope = 'view-spy.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<p view-spy foo="boo">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 3, 11);
+    assert.isOk(hasScope(token.scopes, scope));
+
+  });
+
+  it('must not tokenize view-spy="" attribute', () => {
+
+    // arrange
+    let scope = 'view-spy.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<p view-spy="">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 3, 11);
+    assert.isDefined(token);
+    assert.isNotOk(hasScope(token.scopes, scope));
+
+  });
+
+  it('must not tokenize view-spy-foo="" attribute', () => {
+
+    // arrange
+    let scope = 'view-spy.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<p view-spy-foo="">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 3, 15);
+    assert.isDefined(token);
+    assert.isNotOk(hasScope(token.scopes, scope));
+
+  });
+
+  it('must not tokenize foo-containerles="" attribute', () => {
+
+    // arrange
+    let scope = 'view-spy.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<p foo-view-spy="">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 3, 15);
+    assert.isDefined(token);
+    assert.isNotOk(hasScope(token.scopes, scope));
+
+  });
+
+  it('must not tokenize foo-view-spy="boo" attribute', () => {
+
+    // arrange
+    let scope = 'view-spy.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<p foo-view-spy="boo">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 3, 15);
+    assert.isDefined(token);
+    assert.isNotOk(hasScope(token.scopes, scope));
+
+  });
+
+  it('must not tokenize view-spyfoo="boo" attribute', () => {
+
+    // arrange
+    let scope = 'view-spy.attribute.html.au';
+
+    // act
+    let lineToken = tokenizeLine('<p view-spyfoo="boo">');
+
+    // assert
+    let token = getTokenOnCharRange(lineToken, 3, 14);
+    assert.isDefined(token);
+    assert.isNotOk(hasScope(token.scopes, scope));
+
+  });
+});