NOTICKET - Fix script switch linking with query params (#13608)

Author: amoore108

src/app/components/Header/ScriptLink/index.test.tsx

@@ -68,6 +68,21 @@ describe(`Script Link`, () => {
     });
   });
 
+  it('should set the correct alternate variant when URL has query parameters', () => {
+    const { container } = render(<ScriptLink />, {
+      toggles: enabledToggleState,
+      service: 'serbian',
+      variant: 'lat',
+      pathname: '/serbian/articles/c805k05kr73o/lat?foo=bar&baz=qux',
+    });
+
+    const scriptLink = container.querySelector(`a[data-variant]`);
+
+    expect(scriptLink?.getAttribute('href')).toBe(
+      '/serbian/articles/c805k05kr73o/cyr',
+    );
+  });
+
   it('should not render when scriptLink toggle is off', () => {
     const disabledToggleState = {
       scriptLink: {

src/app/components/Header/ScriptLink/index.tsx

@@ -17,7 +17,8 @@ const ScriptLink = () => {
 
   const pathPartsWithoutExtension = pathname
     .replace(/\.[^/.]+$/, '') // remove any extensions, we don't want to link to AMP pages directly
-    .split('/');
+    .split('?')?.[0] // remove any query parameters
+    .split('/'); // split path into parts
 
   const currentVariantIndex = pathPartsWithoutExtension.indexOf(
     currentVariant as string,