CI: build wrapper packages in PR workflow (#2486)

* ci: add build steps for React, Vue, and Angular wrappers

* test(combobox): improves flaky tests to update option filtering tests to ensure correct results

Author: amir-ba

.github/workflows/build-pr.yml

@@ -237,6 +237,19 @@ jobs:
         run: |
           yarn workspace @telekom/scale-components build
 
+      - name: Build React Wrapper
+        run: |
+          yarn workspace @telekom/scale-components-react build
+
+      - name: Build Vue Wrapper
+        run: |
+          yarn workspace @telekom/scale-components-vue build
+
+      - name: Build Angular Wrapper
+        run: |
+          yarn workspace @telekom/scale-components process-angular-proxies
+          yarn workspace @telekom/scale-components-angular build
+
       - name: Check for uncommitted changes
         run: |
           sh scripts/porcelain.sh

packages/components/src/components/combobox/combobox.e2e.ts

@@ -68,9 +68,10 @@ describe('scale-combobox', () => {
     const input = await page.find('scale-combobox >>> .combobox-input');
     await input.focus();
     await input.type('Re');
+    await page.waitForChanges();
     const options = await page.findAll('scale-combobox >>> .combobox-option');
     // Should only show React
-    expect(options.length).toBeLessThanOrEqual(1);
+    expect(options.length).toBe(1);
     expect(options[0]).toEqualText('React');
   });
 
@@ -213,9 +214,10 @@ describe('scale-combobox', () => {
     const input = await page.find('scale-combobox >>> .combobox-input');
     await input.focus();
     await input.type('st');
+    await page.waitForChanges();
     const options = await page.findAll('scale-combobox >>> .combobox-option');
-    // Should only show React due to custom filter function
-    expect(options.length).toBeLessThanOrEqual(1);
+    // Should only show stte due to custom filter function
+    expect(options.length).toBe(1);
     expect(options[0]).toEqualText('stte');
   });