feat(@dpc-sdp/ripple-ui-core): ✨ add ability to disable primary vic l…

…ogo via flag

examples/nuxt-app/test/features/site/theme.feature

@@ -27,5 +27,13 @@ Feature: Site theme
     Then the site footer should have the "neutral" theme applied
     And ripple buttons should have the "neutral" theme applied
     And the hero banner should have the "neutral" theme applied
+    And the vic.gov.au logo should be displayed
+
+  @mockserver
+  Scenario: Feature flags can disable vic logo
+    Given the site endpoint returns fixture "/site/disable-vic-logo" with status 200
+    And the page endpoint for path "/" returns fixture "/landingpage/image-banner" with status 200
+    Given I visit the page "/"
+    Then the vic.gov.au logo should not be displayed
 
 

examples/nuxt-app/test/fixtures/site/disable-vic-logo.json

@@ -0,0 +1,32 @@
+{
+  "name": "Test site for neutral theme",
+  "acknowledgementHeader": "Test hero acknowledgement",
+  "acknowledgementFooter": "Test footer acknowledgement",
+  "socialImages": {
+    "twitter": {},
+    "og": {}
+  },
+  "featureFlags": {
+    "disablePrimaryLogo": true
+  },
+  "menus": {
+    "menuMain": [
+      {
+        "text": "Demo Landing Page",
+        "url": "/demo-landing-page",
+        "uuid": "29bc9750-a335-455e-9e9a-4166c0bd73df",
+        "parent": null,
+        "weight": 0
+      }
+    ],
+    "menuFooter": [
+      {
+        "text": "Demo Landing Page",
+        "url": "/demo-landing-page",
+        "uuid": "04e44b77-20df-4a73-b0d1-cf2d3d614754",
+        "parent": null,
+        "weight": 0
+      }
+    ]
+  }
+}

packages/ripple-test-utils/step_definitions/common/site/theme.ts

@@ -32,3 +32,10 @@ Then(
     cy.get(`.rpl-header`).should('have.class', `rpl-header--${theme}`)
   }
 )
+
+Then('the vic.gov.au logo should be displayed', (theme: string) => {
+  cy.get(`[aria-label="Victoria government logo"]`).should('exist')
+})
+Then('the vic.gov.au logo should not be displayed', (theme: string) => {
+  cy.get(`[aria-label="Victoria government logo"]`).should('not.exist')
+})

packages/ripple-tide-api/types.d.ts

@@ -209,6 +209,10 @@ export interface IRplFeatureFlags {
    * @description Sets the theme variant of the site footer component
    */
   footerTheme?: 'neutral' | 'default'
+  /**
+   * @description Disable the primary vic.gov.au logo for sites that are not co-branded
+   */
+  disablePrimaryLogo?: boolean
   /**
    * @description Sets which search connector to use for content collection queries
    */

packages/ripple-ui-core/src/components/primary-nav/components/nav-bar/RplPrimaryNavBar.vue

@@ -12,6 +12,11 @@ import {
   rplEventPayload
 } from '../../../../composables/useRippleEvent'
 import VicGovLogo from './../../../../assets/logos/logo-vic-gov.svg?component'
+import type { IRplFeatureFlags } from '@dpc-sdp/ripple-tide-api/types'
+
+const { disablePrimaryLogo }: IRplFeatureFlags = inject('featureFlags', {
+  disablePrimaryLogo: false
+})
 
 interface Props {
   primaryLogo: IRplPrimaryNavLogo
@@ -77,6 +82,7 @@ const handleToggleItem = (level: number, item) => {
       <RplLink
         class="rpl-primary-nav__primary-logo-link rpl-u-focusable-outline rpl-u-focusable-outline--no-border"
         :url="primaryLogo.href"
+        v-if="!disablePrimaryLogo"
       >
         <VicGovLogo
           v-if="!primaryLogo?.src"