feat(query): remove the 3-query-per-element limit

Closes #4336

modules/angular2/test/core/compiler/query_integration_spec.ts

@@ -43,7 +43,6 @@ import {BrowserDomAdapter} from 'angular2/src/core/dom/browser_adapter';
 export function main() {
   BrowserDomAdapter.makeCurrent();
   describe('Query API', () => {
-
     describe("querying by directive type", () => {
       it('should contain all direct child directives in the light dom (constructor)',
          inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
@@ -646,6 +645,25 @@ export function main() {
                    expect(q.query.map((d: TextDirective) => d.text)).toEqual(['1', newString, '4']);
                  }
 
+                 async.done();
+               });
+         }));
+
+      it('should support more than three queries',
+         inject([TestComponentBuilder, AsyncTestCompleter], (tcb: TestComponentBuilder, async) => {
+           var template = '<needs-four-queries #q><div text="1"></div></needs-four-queries>';
+
+           tcb.overrideTemplate(MyComp, template)
+               .createAsync(MyComp)
+               .then((view) => {
+                 view.detectChanges();
+
+                 var q = view.debugElement.componentViewChildren[0].getLocal('q');
+                 expect(q.query1).toBeDefined();
+                 expect(q.query2).toBeDefined();
+                 expect(q.query3).toBeDefined();
+                 expect(q.query4).toBeDefined();
+
                  async.done();
                });
          }));
@@ -743,6 +761,15 @@ class NeedsQuery {
   constructor(@Query(TextDirective) query: QueryList<TextDirective>) { this.query = query; }
 }
 
+@Component({selector: 'needs-four-queries'})
+@View({template: ''})
+class NeedsFourQueries {
+  @ContentChild(TextDirective) query1: TextDirective;
+  @ContentChild(TextDirective) query2: TextDirective;
+  @ContentChild(TextDirective) query3: TextDirective;
+  @ContentChild(TextDirective) query4: TextDirective;
+}
+
 @Component({selector: 'needs-query-desc'})
 @View({directives: [NgFor], template: '<div *ng-for="var dir of query">{{dir.text}}|</div>'})
 @Injectable()
@@ -900,7 +927,8 @@ class NeedsTpl {
     TextDirective,
     InertDirective,
     NgIf,
-    NgFor
+    NgFor,
+    NeedsFourQueries
   ]
 })
 @Injectable()