test(ivy): add attribute interpolation test (#30503)

PR Close #30503

packages/core/test/acceptance/attributes_spec.ts

@@ -98,3 +98,54 @@ describe('attribute binding', () => {
     expect(a.href.indexOf('unsafe:')).toBe(-1);
   });
 });
+
+describe('attribute interpolation', () => {
+  it('should handle all varieties of interpolation', () => {
+    @Component({
+      template: `
+        <div attr.title="a{{a}}b{{b}}c{{c}}d{{d}}e{{e}}f{{f}}g{{g}}h{{h}}i{{i}}j"></div>
+        <div attr.title="a{{a}}b{{b}}c{{c}}d{{d}}e{{e}}f{{f}}g{{g}}h{{h}}i"></div>
+        <div attr.title="a{{a}}b{{b}}c{{c}}d{{d}}e{{e}}f{{f}}g{{g}}h"></div>
+        <div attr.title="a{{a}}b{{b}}c{{c}}d{{d}}e{{e}}f{{f}}g"></div>
+        <div attr.title="a{{a}}b{{b}}c{{c}}d{{d}}e{{e}}f"></div>
+        <div attr.title="a{{a}}b{{b}}c{{c}}d{{d}}e"></div>
+        <div attr.title="a{{a}}b{{b}}c{{c}}d"></div>
+        <div attr.title="a{{a}}b{{b}}c"></div>
+        <div attr.title="a{{a}}b"></div>
+        <div attr.title="{{a}}"></div>
+      `
+    })
+    class App {
+      a = 1;
+      b = 2;
+      c = 3;
+      d = 4;
+      e = 5;
+      f = 6;
+      g = 7;
+      h = 8;
+      i = 9;
+    }
+
+    TestBed.configureTestingModule({
+      declarations: [App],
+    });
+    const fixture = TestBed.createComponent(App);
+    fixture.detectChanges();
+
+    const divs = fixture.debugElement.queryAll(By.css('div[title]'));
+
+    expect(divs.map(el => el.nativeElement.getAttribute('title'))).toEqual([
+      'a1b2c3d4e5f6g7h8i9j',
+      'a1b2c3d4e5f6g7h8i',
+      'a1b2c3d4e5f6g7h',
+      'a1b2c3d4e5f6g',
+      'a1b2c3d4e5f',
+      'a1b2c3d4e',
+      'a1b2c3d',
+      'a1b2c',
+      'a1b',
+      '1',
+    ]);
+  });
+});