A couple of fixes for running Fabric applications without using ContentIslands (#12396)

* Fixes for running without lifted composition

* Change files

* format

* fix

* desktop build fix

* fix

* fix

* fix

Author: acoates-ms

change/react-native-windows-c11014d1-49bc-4bcd-9535-3f0e07fde677.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Fixes for running without lifted composition",
+  "packageName": "react-native-windows",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/e2e-test-app-fabric/test/ButtonComponentTest.test.ts

@@ -5,7 +5,7 @@
  * @format
  */
 
-//import {dumpVisualTree} from '@react-native-windows/automation-commands';
+import {dumpVisualTree} from '@react-native-windows/automation-commands';
 import {goToComponentExample} from './RNTesterNavigation';
 import {verifyNoErrorLogs} from './Helpers';
 import {app} from '@react-native-windows/automation';
@@ -22,48 +22,44 @@ afterEach(async () => {
 });
 
 describe('Button Tests', () => {
-  test('Control', () => {
-    expect(true).toBe(true);
+  test('Buttons have default styling', async () => {
+    const component = await app.findElementByTestID('button_default_styling');
+    await component.waitForDisplayed({timeout: 5000});
+    const dump = await dumpVisualTree('button_default_styling');
+    expect(dump).toMatchSnapshot();
+  });
+  test('Buttons can have custom colors', async () => {
+    const component = await app.findElementByTestID('cancel_button');
+    await component.waitForDisplayed({timeout: 5000});
+    const dump = await dumpVisualTree('cancel_button');
+    expect(dump).toMatchSnapshot();
+  });
+  test('Buttons can be disabled', async () => {
+    const component = await app.findElementByTestID('disabled_button');
+    await component.waitForDisplayed({timeout: 5000});
+    const dump = await dumpVisualTree('disabled_button');
+    expect(dump).toMatchSnapshot();
+  });
+  test('Buttons can have accessibility labels', async () => {
+    const component = await app.findElementByTestID(
+      'accessibilityLabel_button',
+    );
+    await component.waitForDisplayed({timeout: 5000});
+    const dump = await dumpVisualTree('accessibilityLabel_button');
+    expect(dump).toMatchSnapshot();
+  });
+  test('Buttons can have accessibility states', async () => {
+    const component = await app.findElementByTestID(
+      'accessibilityState_button',
+    );
+    await component.waitForDisplayed({timeout: 5000});
+    const dump = await dumpVisualTree('accessibilityState_button');
+    expect(dump).toMatchSnapshot();
+  });
+  test('Buttons can have accessibility props', async () => {
+    const component = await app.findElementByTestID('accessibility_props');
+    await component.waitForDisplayed({timeout: 5000});
+    const dump = await dumpVisualTree('accessibility_props');
+    expect(dump).toMatchSnapshot();
   });
-  // Disable until tests pass CI
-  // test('Buttons have default styling', async () => {
-  //   const component = await app.findElementByTestID('button_default_styling');
-  //   await component.waitForDisplayed({timeout: 5000});
-  //   const dump = await dumpVisualTree('button_default_styling');
-  //   expect(dump).toMatchSnapshot();
-  // });
-  // test('Buttons can have custom colors', async () => {
-  //   const component = await app.findElementByTestID('cancel_button');
-  //   await component.waitForDisplayed({timeout: 5000});
-  //   const dump = await dumpVisualTree('cancel_button');
-  //   expect(dump).toMatchSnapshot();
-  // });
-  // test('Buttons can be disabled', async () => {
-  //   const component = await app.findElementByTestID('disabled_button');
-  //   await component.waitForDisplayed({timeout: 5000});
-  //   const dump = await dumpVisualTree('disabled_button');
-  //   expect(dump).toMatchSnapshot();
-  // });
-  // test('Buttons can have accessibility labels', async () => {
-  //   const component = await app.findElementByTestID(
-  //     'accessibilityLabel_button',
-  //   );
-  //   await component.waitForDisplayed({timeout: 5000});
-  //   const dump = await dumpVisualTree('accessibilityLabel_button');
-  //   expect(dump).toMatchSnapshot();
-  // });
-  // test('Buttons can have accessibility states', async () => {
-  //   const component = await app.findElementByTestID(
-  //     'accessibilityState_button',
-  //   );
-  //   await component.waitForDisplayed({timeout: 5000});
-  //   const dump = await dumpVisualTree('accessibilityState_button');
-  //   expect(dump).toMatchSnapshot();
-  // });
-  // test('Buttons can have accessibility props', async () => {
-  //   const component = await app.findElementByTestID('accessibility_props');
-  //   await component.waitForDisplayed({timeout: 5000});
-  //   const dump = await dumpVisualTree('accessibility_props');
-  //   expect(dump).toMatchSnapshot();
-  // });
 });