Merge branch 'rossetd/update-kiosk-mode' into 'master'

Updating injected query param when embedding GOUI

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/113236



Merged-by: Coung Ngo <cngo@gitlab.com>
Approved-by: Payton Burdette <pburdette@gitlab.com>
Approved-by: Coung Ngo <cngo@gitlab.com>
Co-authored-by: Daniele Rossetti <drossetti@gitlab.com>

app/assets/javascripts/behaviors/markdown/render_observability.js

@@ -3,7 +3,7 @@ import { darkModeEnabled } from '~/lib/utils/color_utils';
 import { setUrlParams } from '~/lib/utils/url_utility';
 
 export function getFrameSrc(url) {
-  return `${setUrlParams({ theme: darkModeEnabled() ? 'dark' : 'light' }, url)}&kiosk`;
+  return `${setUrlParams({ theme: darkModeEnabled() ? 'dark' : 'light' }, url)}&kiosk=inline-embed`;
 }
 
 const mountVueComponent = (element) => {

ee/spec/features/markdown/observability_spec.rb

@@ -10,7 +10,7 @@
   let_it_be(:observable_url) { "https://observe.gitlab.com/#{group.id}/some-dashboard" }
 
   let_it_be(:expected) do
-    %(<iframe src="#{observable_url}?theme=light&amp;kiosk" frameborder="0")
+    %(<iframe src="#{observable_url}?theme=light&amp;kiosk=inline-embed" frameborder="0")
   end
 
   before do

spec/features/markdown/observability_spec.rb

@@ -9,7 +9,7 @@
   let_it_be(:observable_url) { "https://observe.gitlab.com/#{group.id}/some-dashboard" }
 
   let_it_be(:expected) do
-    %(<iframe src="#{observable_url}?theme=light&amp;kiosk" frameborder="0")
+    %(<iframe src="#{observable_url}?theme=light&amp;kiosk=inline-embed" frameborder="0")
   end
 
   before do

spec/frontend/behaviors/markdown/render_observability_spec.js

@@ -3,7 +3,9 @@ import * as ColorUtils from '~/lib/utils/color_utils';
 
 describe('Observability iframe renderer', () => {
   const findObservabilityIframes = (theme = 'light') =>
-    document.querySelectorAll(`iframe[src="https://observe.gitlab.com/?theme=${theme}&kiosk"]`);
+    document.querySelectorAll(
+      `iframe[src="https://observe.gitlab.com/?theme=${theme}&kiosk=inline-embed"]`,
+    );
 
   const renderEmbeddedObservability = () => {
     renderObservability([...document.querySelectorAll('.js-render-observability')]);