ntp: send additional widget in context menu

Author: shakyShane

special-pages/pages/new-tab/app/mock-transport.js

@@ -24,7 +24,7 @@ import { omnibarMockTransport } from './omnibar/mocks/omnibar.mock-transport.js'
  * @typedef {import('@duckduckgo/messaging/lib/test-utils.mjs').SubscriptionEvent} SubscriptionEvent
  */
 
-const VERSION_PREFIX = '__ntp_31__.';
+const VERSION_PREFIX = '__ntp_32__.';
 const url = new URL(window.location.href);
 
 export function mockTransport() {

special-pages/pages/new-tab/app/omnibar/components/OmnibarConsumer.js

@@ -56,7 +56,7 @@ function AiSetting({ enableAi, setEnableAi }) {
     const { id, index } = useVisibility();
     useCustomizer({
         title: t('omnibar_toggleDuckAi'),
-        id: `_${id}-toggleAi`,
+        id: `${id}-toggleAi`,
         icon: <ArrowIndentCenteredIcon style={{ color: 'var(--ntp-icons-tertiary)' }} />,
         toggle: () => setEnableAi(!enableAi),
         visibility: enableAi ? 'visible' : 'hidden',

special-pages/pages/new-tab/app/omnibar/integration-tests/omnibar.spec.js

@@ -993,10 +993,11 @@ test.describe('omnibar widget', () => {
         // Right-click on the page to trigger context menu
         await page.click('body', { button: 'right' });
 
-        // Assert that contextMenu notification is sent with real widgets and not e.g. the Duck.ai toggle
+        // Assert that contextMenu notification is sent with an additional widget.
         await omnibar.expectMethodCalledWith('contextMenu', {
             visibilityMenuItems: [
                 { id: 'omnibar', title: 'Search' },
+                { id: 'omnibar-toggleAi', title: 'Duck.ai' },
                 { id: 'favorites', title: 'Favorites' },
                 { id: 'protections', title: 'Protections Report' },
             ],