[Angular] Add assert for group to object renderer test

Author: eneufeld

packages/angular-material/test/object-control.spec.ts

@@ -22,17 +22,18 @@
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
 import { NgRedux, NgReduxModule } from '@angular-redux/store';
+import { MockNgRedux } from '@angular-redux/store/lib/testing';
 import { CommonModule } from '@angular/common';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { FlexLayoutModule } from '@angular/flex-layout';
 import { ReactiveFormsModule } from '@angular/forms';
 import {
   MatCardModule,
   MatFormFieldModule,
   MatInputModule
 } from '@angular/material';
-import { MockNgRedux } from '@angular-redux/store/lib/testing';
+import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { JsonFormsModule } from '@jsonforms/angular';
 import { ControlElement } from '@jsonforms/core';
@@ -48,7 +49,6 @@ import {
   ObjectControlRenderer,
   ObjectControlRendererTester
 } from '../src/other/object.renderer';
-import { FlexLayoutModule } from '@angular/flex-layout';
 
 const uischema1: ControlElement = { type: 'Control', scope: '#' };
 const uischema2: ControlElement = {
@@ -131,6 +131,32 @@ describe('Object Control', () => {
     component = fixture.componentInstance;
   }));
 
+  it('object control creates group', async(() => {
+    const mockSubStore = MockNgRedux.getSelectorStub();
+    component.uischema = uischema2;
+    component.schema = schema2;
+
+    mockSubStore.next({
+      jsonforms: {
+        renderers: renderers,
+        core: {
+          data: {},
+          schema: schema2
+        }
+      }
+    });
+    mockSubStore.complete();
+    fixture.detectChanges();
+    component.ngOnInit();
+    fixture.whenStable().then(() => {
+      // one for the object renderer and one for the group
+      expect(fixture.nativeElement.querySelectorAll('mat-card').length).toBe(2);
+      expect(
+        fixture.nativeElement.querySelectorAll('mat-card-title')[0].textContent
+      ).toBe('Foo');
+    });
+  }));
+
   it('render all elements', async(() => {
     const mockSubStore = MockNgRedux.getSelectorStub();
     component.uischema = uischema1;