Use signInGate switch (#14932)

* Use signInGate switch

* test name

Author: tomrf1

dotcom-rendering/src/components/StickyBottomBanner/SignInGatePortal.test.tsx

@@ -32,6 +32,9 @@ const canShowProps: CanShowSignInGateProps = {
 describe('SignInGatePortal', () => {
 	beforeEach(() => {
 		jest.clearAllMocks();
+
+		// Enable the switch for all tests
+		window.guardian.config.switches.signInGate = true;
 	});
 
 	describe('canShowSignInGatePortal', () => {
@@ -80,6 +83,39 @@ describe('SignInGatePortal', () => {
 			expect(result).toEqual({ show: false });
 		});
 
+		it('should return false when signInGate is false', async () => {
+			const mockElement = document.createElement('div');
+			mockGetElementById.mockReturnValue(mockElement);
+
+			window.guardian.config.switches.signInGate = false;
+
+			// Mock buildAuxiaGateDisplayData to return auxiaData with userTreatment
+			const auxiaReturn: AuxiaGateDisplayData = {
+				browserId: 'browser-1',
+				auxiaData: {
+					responseId: 'resp1',
+					userTreatment: {
+						treatmentId: 't1',
+						treatmentTrackingId: 'tt1',
+						rank: '1',
+						contentLanguageCode: 'en',
+						treatmentContent: 'content',
+						treatmentType: 'DISMISSABLE_SIGN_IN_GATE',
+						surface: 'surface',
+					},
+				},
+			};
+			(
+				buildAuxiaGateDisplayData as jest.MockedFunction<
+					typeof buildAuxiaGateDisplayData
+				>
+			).mockResolvedValue(auxiaReturn);
+
+			const result = await canShowSignInGatePortal(canShowProps);
+
+			expect(result).toEqual({ show: false });
+		});
+
 		it('should return true when conditions are met for showing gate', async () => {
 			const mockElement = document.createElement('div');
 			mockGetElementById.mockReturnValue(mockElement);

dotcom-rendering/src/components/StickyBottomBanner/SignInGatePortal.tsx

@@ -164,6 +164,11 @@ export const canShowSignInGatePortal = async ({
 	sectionId,
 	tags,
 }: CanShowSignInGateProps): Promise<CanShowResult<AuxiaGateDisplayData>> => {
+	if (!window.guardian.config.switches.signInGate) {
+		// Gates are disabled from the Frontend switchboard
+		return Promise.resolve({ show: false });
+	}
+
 	// Check if the sign-in gate placeholder exists in the DOM
 	const targetElement = document.getElementById('sign-in-gate');