@hashicorp/react-components 0.0.0-nightly.f535c63 → 0.0.0-nightly.fa9fc02

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hashicorp/react-components",
-	"version": "0.0.0-nightly.f535c63",
+	"version": "0.0.0-nightly.fa9fc02",
 	"main": "src/index.ts",
 	"scripts": {
 		"lint": "next-hashicorp lint",
@@ -11,7 +11,7 @@
 		"@hashicorp/flight-icons": "^3.7.0",
 		"@hashicorp/platform-product-meta": "^0.1.1",
 		"@hashicorp/platform-util": "^0.2.0",
-		"@hashicorp/react-design-system-components": "*",
+		"@hashicorp/react-hds": "*",
 		"@hashicorp/web-mktg-logos": "*",
 		"@radix-ui/react-navigation-menu": "^1.2.0",
 		"@radix-ui/react-visually-hidden": "^1.1.0",

package/src/components/actions/index.tsx

@@ -4,8 +4,8 @@
  */
 
 import classNames from 'classnames'
-import Button from '@hashicorp/react-design-system-components/src/components/button'
-import StandaloneLink from '@hashicorp/react-design-system-components/src/components/standalone-link'
+import Button from '@hashicorp/react-hds/src/components/button'
+import StandaloneLink from '@hashicorp/react-hds/src/components/standalone-link'
 import { IconArrowRight16 } from '@hashicorp/flight-icons/svg-react/arrow-right-16'
 import { IconArrowRight24 } from '@hashicorp/flight-icons/svg-react/arrow-right-24'
 import type { ActionsProps } from './types'

package/src/components/call-to-action/index.tsx

@@ -4,9 +4,9 @@
  */
 
 import type { ComponentProps, ReactNode } from 'react'
-import Button from '@hashicorp/react-design-system-components/src/components/button'
-import ButtonSet from '@hashicorp/react-design-system-components/src/components/button-set'
-import StandaloneLink from '@hashicorp/react-design-system-components/src/components/standalone-link'
+import Button from '@hashicorp/react-hds/src/components/button'
+import ButtonSet from '@hashicorp/react-hds/src/components/button-set'
+import StandaloneLink from '@hashicorp/react-hds/src/components/standalone-link'
 import { IconArrowRight24 } from '@hashicorp/flight-icons/svg-react/arrow-right-24'
 import { IconExternalLink24 } from '@hashicorp/flight-icons/svg-react/external-link-24'
 import { IconDownload24 } from '@hashicorp/flight-icons/svg-react/download-24'

package/src/components/card/index.test.tsx

@@ -56,7 +56,7 @@ describe('<Card />', () => {
 		const metaElement = screen.getByTestId('wpl-card-meta')
 
 		cardMeta.forEach((item) => {
-			expect(metaElement).toContainElement(screen.getByText(item))
+			expect(metaElement).toHaveTextContent(item)
 		})
 		expect(metaElement).toContainElement(screen.getByText('|'))
 	})

package/src/components/card/newsroom-card/index.test.tsx

@@ -26,7 +26,7 @@ describe('<NewsroomCard />', () => {
 		const metaElement = screen.getByTestId('wpl-card-meta')
 
 		expectedMeta.forEach((item) => {
-			expect(metaElement).toContainElement(screen.getByText(item))
+			expect(metaElement).toHaveTextContent(item)
 		})
 
 		expect(metaElement).toContainElement(screen.queryByText('|'))

package/src/components/card/partner-card/index.tsx

@@ -4,9 +4,9 @@
  */
 
 import Image, { type ImageProps } from 'next/image'
-import Badge from '@hashicorp/react-design-system-components/src/components/badge'
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
-import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
+import Badge from '@hashicorp/react-hds/src/components/badge'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
+import { TextPlus } from '@hashicorp/react-hds/src/components/text'
 import * as CardPrimitives from '../primitives'
 import type { CardProps } from '../types'
 import s from './style.module.css'

package/src/components/card/person-card/index.tsx

@@ -4,7 +4,7 @@
  */
 
 import { memo, type ReactNode } from 'react'
-import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
+import { TextPlus } from '@hashicorp/react-hds/src/components/text'
 import { IconGithub16 } from '@hashicorp/flight-icons/svg-react/github-16'
 import { IconTwitter16 } from '@hashicorp/flight-icons/svg-react/twitter-16'
 import { IconLinkedin16 } from '@hashicorp/flight-icons/svg-react/linkedin-16'

package/src/components/card/primitives.tsx

@@ -7,8 +7,8 @@ import * as React from 'react'
 import classNames from 'classnames'
 import Image from 'next/image'
 import Link from 'next/link'
-import HDSCard from '@hashicorp/react-design-system-components/src/components/card'
-import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
+import HDSCard from '@hashicorp/react-hds/src/components/card'
+import { TextPlus } from '@hashicorp/react-hds/src/components/text'
 import { IconArrowRight24 } from '@hashicorp/flight-icons/svg-react/arrow-right-24'
 import ProductBadge from '../product-badge'
 import type {
@@ -101,23 +101,23 @@ function LogoThumbnail({ src, alt }: ThumbnailProps) {
 
 function Meta({ items }: MetaProps) {
 	return (
-		<ul className={s.meta} data-testid="wpl-card-meta">
-			{items.map((item, stableIdx) => {
-				return (
-					// eslint-disable-next-line react/no-array-index-key
-					<li key={stableIdx}>
-						<TextPlus.Label>
+		<div className={s.meta} data-testid="wpl-card-meta">
+			<TextPlus.Label>
+				{items.map((item, stableIdx) => {
+					const isLastItem = stableIdx === items.length - 1
+					return (
+						<>
 							{item}
-							{stableIdx < items.length - 1 ? (
+							{!isLastItem ? (
 								<span className={s.metaSeparator} aria-hidden={true}>
 									|
 								</span>
 							) : null}
-						</TextPlus.Label>
-					</li>
-				)
-			})}
-		</ul>
+						</>
+					)
+				})}
+			</TextPlus.Label>
+		</div>
 	)
 }
 

package/src/components/card/resource-card/index.test.tsx

@@ -26,7 +26,7 @@ describe('<ResourceCard />', () => {
 		const metaElement = screen.getByTestId('wpl-card-meta')
 
 		expectedMeta.forEach((item) => {
-			expect(metaElement).toContainElement(screen.getByText(item))
+			expect(metaElement).toHaveTextContent(item)
 		})
 
 		expect(metaElement).toContainElement(screen.getByText('|'))

package/src/components/card/unified-card/index.spec.tsx

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import { render, screen } from '@testing-library/react'
+import { UnifiedCard, UnifiedCardProps } from '.'
+
+const defaultProps: UnifiedCardProps = {
+	link: 'https://hashicorp.com',
+	heading: 'Example heading',
+	thumbnail: {
+		src: 'https://www.datocms-assets.com/19447/1648680074-screenshot-2022-03-31-at-00-40-47.png',
+		alt: 'HashiConf Europe 2022 Recap',
+	},
+} as const
+
+describe(`<UnifiedCard />`, () => {
+	it('should render the provided meta with a separator if n > 1', () => {
+		const expectedMeta = ['Category', 'Hello']
+		render(<UnifiedCard {...defaultProps} meta={expectedMeta} />)
+
+		const metaElement = screen.getByTestId('wpl-card-meta')
+
+		expectedMeta.forEach((item) => {
+			expect(metaElement).toHaveTextContent(item)
+		})
+
+		expect(metaElement).toContainElement(screen.getByText('|'))
+	})
+
+	it('it should not render a separator if n === 1', () => {
+		render(<UnifiedCard {...defaultProps} meta={['Category']} />)
+		const metaElement = screen.getByTestId('wpl-card-meta')
+
+		expect(metaElement).toContainElement(screen.getByText('Category'))
+
+		expect(metaElement).not.toContainElement(screen.queryByText('|'))
+	})
+})

package/src/components/card/unified-card/index.tsx

@@ -4,7 +4,7 @@
  */
 
 import type { ReactNode } from 'react'
-import Badge from '@hashicorp/react-design-system-components/src/components/badge'
+import Badge from '@hashicorp/react-hds/src/components/badge'
 import * as CardPrimitives from '../primitives'
 import type { CardProps } from '../types'
 

package/src/components/marketo-form/contexts/FormMetadata.ts

@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
+'use client'
+
 import { createContext } from 'react'
 import type { MarketoFormMetadata } from '../types'
 

package/src/components/marketo-form/form/index.tsx

@@ -3,9 +3,11 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
+'use client'
+
 import { useEffect, useMemo, useRef } from 'react'
 import { useForm, FormProvider } from 'react-hook-form'
-import Button from '@hashicorp/react-design-system-components/src/components/button'
+import Button from '@hashicorp/react-hds/src/components/button'
 import VisibilityRule from '../partials/visibility-rule'
 import NameField from '../partials/fields/name-field'
 import { FormMetadataContext } from '../contexts/FormMetadata'

package/src/components/marketo-form/partials/fields/checkbox-field/index.tsx

@@ -5,7 +5,7 @@
 
 import { useFormContext } from 'react-hook-form'
 // import CheckboxInput from '@hashicorp/react-form-fields/checkbox'
-import Checkbox from '@hashicorp/react-design-system-components/src/components/form/checkbox'
+import Checkbox from '@hashicorp/react-hds/src/components/form/checkbox'
 import FieldWrapper from '../../field-wrapper'
 import { formattedLabel, useErrorMessage } from '../../../utils'
 import type { MarketoFormCheckboxField } from '../../../types'

package/src/components/marketo-form/partials/fields/email-field/index.tsx

@@ -5,7 +5,7 @@
 
 import { useFormContext } from 'react-hook-form'
 // import TextInput from '@hashicorp/react-form-fields/text'
-import TextInput from '@hashicorp/react-design-system-components/src/components/form/text-input'
+import TextInput from '@hashicorp/react-hds/src/components/form/text-input'
 import FieldWrapper from '../../field-wrapper'
 import { formattedLabel, useErrorMessage } from '../../../utils'
 import type { MarketoFormEmailField } from '../../../types'

package/src/components/marketo-form/partials/fields/form-page-url-field/index.tsx

@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
+'use client'
+
 import { useEffect } from 'react'
 import { useFormContext } from 'react-hook-form'
 import type { MarketoFormHiddenField } from '../../../types'

package/src/components/marketo-form/partials/fields/hidden-field/index.tsx

@@ -2,6 +2,7 @@
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
+'use client'
 
 import { useEffect } from 'react'
 import { useFormContext } from 'react-hook-form'

package/src/components/marketo-form/partials/fields/radio-buttons-field/index.tsx

@@ -1,7 +1,7 @@
 import { useFormContext } from 'react-hook-form'
 import RadioCard, {
 	RadioCardGroup,
-} from '@hashicorp/react-design-system-components/src/components/form/radio-card'
+} from '@hashicorp/react-hds/src/components/form/radio-card'
 import FieldWrapper from '../../field-wrapper'
 import type { MarketoFormRadioButtonsField } from '../../../types'
 

package/src/components/marketo-form/partials/fields/select-field/index.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useFormContext } from 'react-hook-form'
-import Select from '@hashicorp/react-design-system-components/src/components/form/select'
+import Select from '@hashicorp/react-hds/src/components/form/select'
 import FieldWrapper from '../../field-wrapper'
 import { formattedLabel, useErrorMessage } from '../../../utils'
 import type { MarketoFormSelectField } from '../../../types'

package/src/components/marketo-form/partials/fields/telephone-field/index.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useFormContext } from 'react-hook-form'
-import TextInput from '@hashicorp/react-design-system-components/src/components/form/text-input'
+import TextInput from '@hashicorp/react-hds/src/components/form/text-input'
 import FieldWrapper from '../../field-wrapper'
 import { formattedLabel, useErrorMessage } from '../../../utils'
 import type { MarketoFormTelephoneField } from '../../../types'

package/src/components/marketo-form/partials/fields/text-field/index.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useFormContext } from 'react-hook-form'
-import TextInput from '@hashicorp/react-design-system-components/src/components/form/text-input'
+import TextInput from '@hashicorp/react-hds/src/components/form/text-input'
 import FieldWrapper from '../../field-wrapper'
 import { formattedLabel, useErrorMessage } from '../../../utils'
 import type { MarketoFormTextField } from '../../../types'

package/src/components/marketo-form/partials/fields/textarea-field/index.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useFormContext } from 'react-hook-form'
-import Textarea from '@hashicorp/react-design-system-components/src/components/form/textarea'
+import Textarea from '@hashicorp/react-hds/src/components/form/textarea'
 import FieldWrapper from '../../field-wrapper'
 import { formattedLabel, useErrorMessage } from '../../../utils'
 import type { MarketoFormTextAreaField } from '../../../types'

package/src/components/nav-panel/components/link-list/index.tsx

@@ -1,7 +1,7 @@
 import Link from 'next/link'
 import { parseUrl } from '../../../../lib/parse-url'
 import { vercelSplit } from '../../../../lib/v'
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'
 import s from './style.module.css'
 

package/src/components/nav-panel/components/promo/index.tsx

@@ -4,7 +4,7 @@ import { vercelSplit } from '../../../../lib/v'
 import Link from 'next/link'
 import { parseUrl } from '../../../../lib/parse-url'
 import { trackNavClickEvent } from '../../../../lib/track-nav-click-event'
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'
 import s from './style.module.css'
 

package/src/components/nav-panel/product-panel/index.tsx

@@ -3,8 +3,8 @@ import Link from 'next/link'
 import * as NavPanel from '../components/panel'
 import Promo, { type PromoProps } from '../components/promo'
 import { Products } from '@hashicorp/platform-product-meta'
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
-import { TextPlus } from '@hashicorp/react-design-system-components/src/components/text'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
+import { TextPlus } from '@hashicorp/react-hds/src/components/text'
 import { parseUrl } from '../../../lib/parse-url'
 import { trackNavClickEvent } from '../../../lib/track-nav-click-event'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'

package/src/components/next-steps/index.tsx

@@ -2,6 +2,7 @@
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
+'use client'
 
 import { useState } from 'react'
 import Badge from '@hashicorp/react-badge'
@@ -10,7 +11,7 @@ import ExpandableArrow from '@hashicorp/react-expandable-arrow'
 import Intro from '../intro'
 import Link from 'next/link'
 import type { NextStepsProps } from './types'
-import StandaloneLink from '@hashicorp/react-design-system-components/src/components/standalone-link'
+import StandaloneLink from '@hashicorp/react-hds/src/components/standalone-link'
 import { IconArrowRight16 } from '@hashicorp/flight-icons/svg-react/arrow-right-16'
 import useProductMeta from '@hashicorp/platform-product-meta'
 import s from './style.module.css'

package/src/components/product-badge/index.tsx

@@ -4,7 +4,7 @@
  */
 
 import type { Products } from '@hashicorp/platform-product-meta'
-import Badge from '@hashicorp/react-design-system-components/src/components/badge'
+import Badge from '@hashicorp/react-hds/src/components/badge'
 import { IconDot16 } from '@hashicorp/flight-icons/svg-react/dot-16'
 import s from './style.module.css'
 

package/src/components/subnav/index.tsx

@@ -164,6 +164,10 @@ function Subnav({ className, theme = 'light', ...restProps }: SubnavProps) {
 		setActivePanel(panel)
 	}
 
+	const ariaLabel = restProps?.titleLink?.text
+		? `${restProps.titleLink.text} pages`
+		: 'Subnav pages'
+
 	return (
 		<>
 			{/**
@@ -179,7 +183,7 @@ function Subnav({ className, theme = 'light', ...restProps }: SubnavProps) {
 					[s.hasOverflow]: hasOverflow,
 					'hdsplus-dark-mode': theme === 'dark',
 				})}
-				aria-label={`${product} website navigation`}
+				aria-label={ariaLabel}
 				onValueChange={activatePanel}
 				value={activePanel}
 				delayDuration={0}

package/src/components/subnav/partials/CtaLinks/index.tsx

@@ -5,11 +5,11 @@
 
 import Button, {
 	type ButtonProps,
-} from '@hashicorp/react-design-system-components/src/components/button'
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
+} from '@hashicorp/react-hds/src/components/button'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
 import type { Products } from '@hashicorp/platform-product-meta'
-import type { ToggleButtonProps } from '@hashicorp/react-design-system-components/src/components/dropdown/toggle/button'
-import * as Dropdown from '@hashicorp/react-design-system-components/src/components/dropdown'
+import type { ToggleButtonProps } from '@hashicorp/react-hds/src/components/dropdown/toggle/button'
+import * as Dropdown from '@hashicorp/react-hds/src/components/dropdown'
 import GithubStarsLink from './github-stars-link'
 import classNames from 'classnames'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'

package/src/components/subnav/partials/DropdownTrigger/index.tsx

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
 import NavItemText from '../nav-item-text'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'
 import s from './style.module.css'

package/src/components/subnav/partials/MenuItemsDefault/index.tsx

@@ -9,7 +9,7 @@ import NavItemText from '../nav-item-text'
 import DropdownTrigger from '../DropdownTrigger'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'
 import s from './style.module.css'
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
 
 interface MenuItemsDefaultProps {
 	menuItems: (

package/src/components/subnav/partials/MenuItemsOverflow/index.tsx

@@ -12,7 +12,7 @@ import DropdownTrigger from '../DropdownTrigger'
 import * as NavigationMenu from '@radix-ui/react-navigation-menu'
 import classNames from 'classnames'
 import s from './style.module.css'
-import FlightIcon from '@hashicorp/react-design-system-components/src/components/flight-icon'
+import FlightIcon from '@hashicorp/react-hds/src/components/flight-icon'
 
 interface MenuItemsOverflowProps {
 	menuItems: (

package/src/lib/parse-url/index.test.ts

@@ -28,6 +28,11 @@ describe('parseUrl', () => {
 		expect(url.href).toBe('/resources?type=case-study&products=terraform')
 	})
 
+	it('leaves URL hash intact', () => {
+		const url = parseUrl('https://hashicorp.com/about#leadership')
+		expect(url.href).toBe('/about#leadership')
+	})
+
 	it('leaves HashiCorp subdomain URLs intact', () => {
 		const url = parseUrl('https://developer.hashicorp.com/terraform')
 		expect(url.href).toBe('https://developer.hashicorp.com/terraform')

package/src/lib/parse-url/index.ts

@@ -12,8 +12,8 @@ export function parseUrl(url: string | undefined): {
 
 	if (isInternal(url)) {
 		try {
-			const { pathname, search } = new URL(url)
-			const href = pathname + search
+			const { pathname, search, hash } = new URL(url)
+			const href = pathname + search + hash
 			return { linkType: 'inbound', href }
 		} catch (error) {
 			throw new Error(`Invalid href: ${url}`)

package/src/components/consent-manager/README.md

@@ -1,73 +0,0 @@
-# Consent Manager
-
-A GDPR-compliant consent manager.
-
-### Props
-
-- `version` (integer) - version number, bump up to override previous consent preferences
-- `container` (string) - id of container where the consent manager should live
-- `companyName` (string) - your company name to be inserted in various copy
-- `privacyPolicyLink` (string) - link to your company's privacy policy
-- `segmentWriteKey` (string) - your production segment write key
-- `segmentServices` (array of objects) - use this to override the category or description of a service provided by Segment
-  - `name` - name of the Segment integration, must match the integration you are overriding
-  - `category` _[optional]_ - new category name
-  - `description` _[optional]_ - new description
-- `categories` (array) - State of toggle
-  - `name` - name of category
-  - `description` - description for the category
-- `additionalServices` (array of objects) - additional integrations outside of Segment that you wish to include in the consent manager
-  - `name` - name of service
-  - `description` - description of service
-  - `category` - category of service
-  - `body` _[optional]_ - javascript body associated with service _If present, overrides `url` below_
-  - `url` _[optional]_ - url of js file associated with service
-  - `async` (bool) _[optional]_ - add `async` property to script element
-  - `addToBody` (bool) _[optional]_ - inject script before closing `<body>` tag
-  - `dataAttrs` (arr) _[optional]_ - array of `data-` attributes to add to script tag
-    - `name` (str) - name of data attribute (`data-name`)
-    - `value` (str) - value of `data` attribute to set
-- `showDialog` (bool) - whether or not the dialog `open` attribute is true
-
-
-## `SegmentPreloadScript`
-
-In `v9.0.0`, ConsentManager now exports a `SegmentPreloadScript` component. Why? ConsentManager uses a very similar Segment script to the current preloading script that we use in our `_document.tsx/js` files.
-
-Now that we're updating both with a custom Segment AJS URL and CDN hostname, it makes sense for the two to be co-located.
-
-Expect the new change to look like the following:
-
-```diff
-// pages/_document.tsx
-
-
-  import Document, { Html, Head, Main, NextScript } from 'next/document'
-  import HashiHead from '@hashicorp/react-head'
-+ import { SegmentPreloadScript } from '@web/react-components/src/components/consent-manager/scripts/segment'
-  // other imports
-
-  export default class MyDocument extends Document {
-    static async getInitialProps(ctx) {
-      const initialProps = await Document.getInitialProps(ctx)
-      return { ...initialProps }
-    }
-
-    render() {
-      return (
-        <Html lang="en">
-          <Head>
-            <HashiHead />
-          </Head>
-          <body>
--           <script
--             dangerouslySetInnerHTML={{
--               __html: `!function(){var analytics=window... ... ...`
--             }}
--           />
-+           <SegmentPreloadScript />
-
-// etc...
-```
-
-No additional updates are necessary!

package/src/components/consent-manager/components/banner/banner.module.css

@@ -1,23 +0,0 @@
-.root {
-	background-color: var(--token-color-surface-strong);
-	width: 100%;
-	padding: 10px 15px;
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	z-index: 10;
-	font-size: 0.9rem;
-}
-
-.innerContainer {
-	composes: g-grid-container from global;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	gap: var(--hdsplus-spacing-01);
-	flex-direction: column;
-
-	@media (min-width: 1350px) {
-		flex-direction: row;
-	}
-}

package/src/components/consent-manager/components/banner/banner.test.tsx

@@ -1,31 +0,0 @@
-import { render, screen, fireEvent } from '@testing-library/react'
-import ConsentBanner from './banner'
-
-test('should display the correct privacy policy url', () => {
-	const testValue = 'test'
-	render(<ConsentBanner privacyPolicyLink={testValue} />)
-	expect(screen.getByTestId('privacy-policy')).toHaveAttribute(
-		'href',
-		testValue
-	)
-})
-
-test('should display the correct cookie policy url', () => {
-	const testValue = 'test'
-	render(<ConsentBanner cookiePolicyLink={testValue} />)
-	expect(screen.getByTestId('cookie-policy')).toHaveAttribute('href', testValue)
-})
-
-test('should run the onManagePreferences function when the correct button is clicked', () => {
-	const mock = vi.fn()
-	render(<ConsentBanner onManagePreferences={mock} />)
-	fireEvent.click(screen.getByTestId('manage-preferences'))
-	expect(mock).toHaveBeenCalled()
-})
-
-test('should run the onAccept function when the correct button is clicked', () => {
-	const mock = vi.fn()
-	render(<ConsentBanner onAccept={mock} />)
-	fireEvent.click(screen.getByTestId('accept'))
-	expect(mock).toHaveBeenCalled()
-})