Merge remote-tracking branch 'upstream/main' into web-core-tests-in-1p

Author: josemontespg

renderers/angular/a2ui_explorer/src/app/tests/utils/test_utils.ts

@@ -16,25 +16,41 @@
 
 import {TestBed} from '@angular/core/testing';
 import {DemoComponent} from '../../demo.component';
-import {EXAMPLES} from '../../generated/examples-bundle';
+import {EXAMPLES_V08, EXAMPLES_V09} from '../../generated/examples-bundle';
 import {provideMarkdownRenderer} from '../../../../../src/v0_9/core/markdown';
 import {A2UI_VERSION, Version} from '../../types';
 
+export {Version};
+
 /**
  * Helper function to load an example in the DemoComponent for testing.
  * Resolves after the example is selected and initial async rendering has time to complete.
  */
-export async function loadExample(exampleName: string) {
+export async function loadExample(exampleName: string, version: Version = Version.V0_9) {
   await TestBed.configureTestingModule({
     imports: [DemoComponent],
-    providers: [provideMarkdownRenderer(), {provide: A2UI_VERSION, useValue: Version.V0_9}],
+    providers: [
+      provideMarkdownRenderer(),
+      {
+        provide: A2UI_VERSION,
+        useValue: version,
+      },
+    ],
   });
 
   const fixture = TestBed.createComponent(DemoComponent);
   const component = fixture.componentInstance;
   fixture.detectChanges();
 
-  const example = EXAMPLES.find(ex => ex.name === exampleName);
+  const examples = version === Version.V0_9 ? EXAMPLES_V09 : EXAMPLES_V08;
+  let example = examples.find(ex => ex.name === exampleName);
+
+  if (version === Version.V0_8 && !example) {
+    example =
+      examples.find(ex => ex.name === `${exampleName} (basic)`) ||
+      examples.find(ex => ex.name === `${exampleName} (minimal)`);
+  }
+
   expect(example).withContext(`Example not found: ${exampleName}`).toBeTruthy();
 
   component.selectExample(example!);

renderers/angular/a2ui_explorer/src/app/tests/v0_8/01_flight-status.spec.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {ComponentFixture} from '@angular/core/testing';
+import {DemoComponent} from '../../demo.component';
+import {Version, getCanvas, loadExample} from '../utils/test_utils';
+
+describe('Example: Flight Status (v0.8)', () => {
+  let fixture: ComponentFixture<DemoComponent>;
+  let textContent: string;
+
+  beforeEach(async () => {
+    fixture = await loadExample('Flight Status', Version.V0_8);
+    textContent = getCanvas().textContent;
+  });
+
+  it('should render flight details', async () => {
+    expect(textContent).toContain('OS 87');
+    expect(textContent).toContain('Vienna');
+    expect(textContent).toContain('→');
+    expect(textContent).toContain('New York');
+  });
+
+  it('should render labels', async () => {
+    expect(textContent).toContain('Departs');
+    expect(textContent).toContain('Arrives');
+    expect(textContent).toContain('Status');
+    expect(textContent).toContain('On Time');
+  });
+
+  it('should render icon', async () => {
+    const iconInnerEl = fixture.nativeElement.querySelector('.g-icon');
+    expect(iconInnerEl).toBeTruthy();
+    expect(iconInnerEl.textContent.trim()).toBe('send');
+  });
+});

renderers/angular/a2ui_explorer/src/app/tests/v0_8/02_email-compose.spec.ts

@@ -0,0 +1,84 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {ComponentFixture} from '@angular/core/testing';
+import {DemoComponent} from '../../demo.component';
+import {Version, getCanvas, loadExample, wait} from '../utils/test_utils';
+
+describe('Example: Email Compose (v0.8)', () => {
+  let textContent: string;
+  let fixture: ComponentFixture<DemoComponent>;
+
+  beforeEach(async () => {
+    fixture = await loadExample('Email Compose', Version.V0_8);
+    textContent = getCanvas().textContent;
+  });
+
+  it('should render email headers', async () => {
+    expect(textContent).toContain('FROM');
+    expect(textContent).toContain('alex@acme.com');
+    expect(textContent).toContain('TO');
+    expect(textContent).toContain('jordan@acme.com');
+    expect(textContent).toContain('SUBJECT');
+    expect(textContent).toContain('Q4 Revenue Forecast');
+  });
+
+  it('should render email body', async () => {
+    expect(textContent).toContain('Hi Jordan,');
+    expect(textContent).toContain('Following up on our call');
+    expect(textContent).toContain('Best,');
+    expect(textContent).toContain('Alex');
+  });
+
+  it('should render buttons', async () => {
+    expect(textContent).toContain('Send email');
+    expect(textContent).toContain('Discard');
+  });
+
+  it('should dispatch send action on button click', async () => {
+    const component = fixture.componentInstance;
+
+    const sendBtn = fixture.nativeElement.querySelector('a2ui-button button');
+    expect(sendBtn).toBeTruthy();
+
+    sendBtn.click();
+    fixture.detectChanges();
+
+    await wait(10);
+
+    expect(component.eventsLog.length).toBeGreaterThan(0);
+    const loggedAction = component.eventsLog[0].action;
+    expect(loggedAction.name).toBe('send');
+  });
+
+  it('should dispatch discard action on button click', async () => {
+    const component = fixture.componentInstance;
+
+    const buttons = fixture.nativeElement.querySelectorAll('a2ui-button button');
+    expect(buttons.length).toBeGreaterThan(1);
+    const discardBtn = buttons[1];
+    expect(discardBtn).toBeTruthy();
+
+    discardBtn.click();
+    fixture.detectChanges();
+
+    await wait(10);
+
+    expect(component.eventsLog.length).toBeGreaterThan(0);
+    const loggedAction = component.eventsLog[0].action;
+    expect(loggedAction.name).toBe('discard');
+  });
+});

renderers/angular/a2ui_explorer/src/app/tests/v0_8/03_calendar-day.spec.ts

@@ -0,0 +1,78 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {ComponentFixture} from '@angular/core/testing';
+import {DemoComponent} from '../../demo.component';
+import {Version, getCanvas, loadExample, wait} from '../utils/test_utils';
+
+describe('Example: Calendar Day (basic) (v0.8)', () => {
+  let textContent: string;
+  let fixture: ComponentFixture<DemoComponent>;
+
+  beforeEach(async () => {
+    fixture = await loadExample('Calendar Day (basic)', Version.V0_8);
+    textContent = getCanvas().textContent;
+  });
+
+  it('should render expected text content', async () => {
+    expect(textContent).toContain('Add to calendar');
+    expect(textContent).toContain('Discard');
+    expect(textContent).toContain('Friday');
+    expect(textContent).toContain('28');
+    expect(textContent).toContain('Lunch');
+    expect(textContent).toContain('12:00 - 12:45 PM');
+    expect(textContent).toContain('Q1 roadmap review');
+    expect(textContent).toContain('1:00 - 2:00 PM');
+    expect(textContent).toContain('Team standup');
+    expect(textContent).toContain('3:30 - 4:00 PM');
+  });
+
+  it('should dispatch add action on button click', async () => {
+    const component = fixture.componentInstance;
+
+    const buttons = fixture.nativeElement.querySelectorAll('a2ui-button button');
+    expect(buttons.length).toBeGreaterThan(0);
+    const btn = buttons[0];
+    expect(btn).toBeTruthy();
+
+    btn.click();
+    fixture.detectChanges();
+
+    await wait(10);
+
+    expect(component.eventsLog.length).toBeGreaterThan(0);
+    const loggedAction = component.eventsLog[0].action;
+    expect(loggedAction.name).toBe('add');
+  });
+
+  it('should dispatch discard action on button click', async () => {
+    const component = fixture.componentInstance;
+
+    const buttons = fixture.nativeElement.querySelectorAll('a2ui-button button');
+    expect(buttons.length).toBeGreaterThan(1);
+    const btn = buttons[1];
+    expect(btn).toBeTruthy();
+
+    btn.click();
+    fixture.detectChanges();
+
+    await wait(10);
+
+    expect(component.eventsLog.length).toBeGreaterThan(0);
+    const loggedAction = component.eventsLog[0].action;
+    expect(loggedAction.name).toBe('discard');
+  });
+});

renderers/angular/a2ui_explorer/src/app/tests/v0_8/04_weather-current.spec.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {Version, getCanvas, loadExample} from '../utils/test_utils';
+
+describe('Example: Weather Current (basic) (v0.8)', () => {
+  let textContent: string;
+
+  beforeEach(async () => {
+    await loadExample('Weather Current (basic)', Version.V0_8);
+    textContent = getCanvas().textContent;
+  });
+
+  it('should render expected text content', async () => {
+    expect(textContent).toContain('72°');
+    expect(textContent).toContain('58°');
+    expect(textContent).toContain('Austin, TX');
+    expect(textContent).toContain('Clear skies with light breeze');
+
+    // Check for emojis in forecast
+    expect(textContent).toContain('\u2600\ufe0f'); // ☀️
+    expect(textContent).toContain('\u26c5'); // ⛅
+  });
+});

renderers/angular/a2ui_explorer/src/app/tests/v0_8/05_product-card.spec.ts

@@ -0,0 +1,56 @@
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {ComponentFixture} from '@angular/core/testing';
+import {DemoComponent} from '../../demo.component';
+import {Version, getCanvas, loadExample, wait} from '../utils/test_utils';
+
+describe('Example: Product Card (basic) (v0.8)', () => {
+  let textContent: string;
+  let fixture: ComponentFixture<DemoComponent>;
+
+  beforeEach(async () => {
+    fixture = await loadExample('Product Card (basic)', Version.V0_8);
+    textContent = getCanvas().textContent;
+  });
+
+  it('should render expected text content', async () => {
+    expect(textContent).toContain('Add to Cart');
+    expect(textContent).toContain('Wireless Headphones Pro');
+    expect(textContent).toContain('★★★★★');
+    expect(textContent).toContain('(2,847 reviews)');
+    expect(textContent).toContain('$199.99');
+    expect(textContent).toContain('$249.99');
+  });
+
+  it('should dispatch addToCart action on button click', async () => {
+    const component = fixture.componentInstance;
+
+    const buttons = fixture.nativeElement.querySelectorAll('a2ui-button button');
+    expect(buttons.length).toBeGreaterThan(0);
+    const btn = buttons[0];
+    expect(btn).toBeTruthy();
+
+    btn.click();
+    fixture.detectChanges();
+
+    await wait(10);
+
+    expect(component.eventsLog.length).toBeGreaterThan(0);
+    const loggedAction = component.eventsLog[0].action;
+    expect(loggedAction.name).toBe('addToCart');
+  });
+});