chore(test): e2e test-tabs-tab-bar-layout-direction

[LKuchno]

Description

This PR introduces E2E Detox automation for the test-tabs-tab-bar-layout-direction scenario verifying TabBar layout direction logic. The changes ensure that the direction prop correctly respects or overrides system LTR/RTL settings. Included updates to the test screen to provide necessary testID hooks for Detox.

Closes: https://github.com/software-mansion/react-native-screens-labs/issues/1143

Changes

test-tabs-tab-bar-layout-direction.e2e.ts:

• Implemented full cross-platform Detox suite.
• Added logic to toggle system RTL via launch arguments on iOS and UI interaction on Android.
• Utilized frame coordinate validation to verify visual positioning of tabs.

test-tabs-tab-bar-layout-direction/index.tsx:

• Added testID props to the ScrollView, RTL info text, and pickers.
• Renamed "Config" tab to "Tab1" for better alignment with the test scenario.
• Added tabBarItemAccessibilityLabel to both routes to facilitate coordinate-based testing.

test-tabs-tab-bar-layout-direction/scenario.md:

• Refined scenario structure to follow agreed template.
• Synchronized expected outcomes with the new E2E implementation details.
• Removed section 'Precedence chain verification' as those steps were focused on system/RN settings.

[Copilot]

Pull request overview

Adds a Detox E2E test suite for the test-tabs-tab-bar-layout-direction single-feature scenario to validate TabBar ordering under LTR/RTL, and updates the scenario screen/docs to provide the hooks and expectations needed for automation.

Changes:

• Added a cross-platform Detox suite that asserts visual tab ordering via element frame coordinates under LTR and RTL.
• Updated the test scenario screen with testID hooks and accessibility labels for stable E2E targeting.
• Refined the manual scenario markdown to match the new automated coverage and expected outcomes.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 8 comments.

File	Description
apps/src/tests/single-feature-tests/tabs/test-tabs-tab-bar-layout-direction/scenario.md	Updates the written scenario structure and expected outcomes to align with the new E2E coverage.
apps/src/tests/single-feature-tests/tabs/test-tabs-tab-bar-layout-direction/index.tsx	Adds Detox-targetable testIDs and tab item accessibility labels; renames the first tab to “Tab1”.
FabricExample/e2e/single-feature-tests/tabs/test-tabs-tab-bar-layout-direction.e2e.ts	Introduces the Detox test suite validating tab ordering under LTR/RTL and direction overrides.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Android cleanup in afterAll toggles allowRTL instead of reverting forceRTL. Since I18nManager.forceRTL() is persisted, this can leak RTL into later E2E runs. Restore the original state by disabling forceRTL again (and re-enabling allowRTL if it was changed) before reloading React Native.

Suggested change

	await element(by.id('react-allow-rtl-picker')).tap();
	await element(by.id('react-force-rtl-picker')).tap();

[LKuchno]

6e6f2cf

[Copilot]

Duplicate word in expected outcome: "as the the leftmost item" should be "as the leftmost item".

[LKuchno]

edfa1d6