Added tests & doc on contextual consent configuration

Author: felixgirault

README.md

@@ -424,6 +424,21 @@ offering a way to consent in place.
   </template>
 ```
 
+#### Customization
+
+The heading level of the notice's title can be configured via an attribute on
+the `template`:
+
+```diff
+  <template
+    data-purpose="youtube"
+    data-contextual
++   data-title-level="6"
+  >
+    ...
+  </template>
+```
+
 <details>
 <summary>Integration tips</summary>
 

e2e/OrejimePage.ts

@@ -68,6 +68,10 @@ export class OrejimePage {
 		return this.page.getByTestId('orejime-contextual-notice');
 	}
 
+	get contextualNoticeTitle() {
+		return this.page.getByTestId('orejime-contextual-notice-title');
+	}
+
 	get contextualNoticePlaceholder() {
 		return this.page.getByTestId('orejime-contextual-notice-placeholder');
 	}

e2e/orejime.spec.ts

@@ -35,7 +35,7 @@ test.describe('Orejime', () => {
 				]
 			},
 			`
-				<template data-purpose="contextual" data-contextual>
+				<template data-purpose="contextual" data-contextual data-title-level="2">
 					<iframe id="contextual" src=""></iframe>
 				</template>
 
@@ -205,6 +205,13 @@ test.describe('Orejime', () => {
 		await expect(orejimePage.contextualNotice).toBeAttached();
 	});
 
+	test('should use a custom heading level in the contextual consent notice', async () => {
+		await expect(orejimePage.contextualNoticeTitle).toHaveJSProperty(
+			'nodeName',
+			'H2'
+		);
+	});
+
 	test('should accept contextual consent from the notice', async () => {
 		await orejimePage.acceptContextualNotice();
 		await expect(orejimePage.locator('#contextual')).toBeVisible();

src/ui/themes/standard/ContextualNotice.tsx

@@ -29,7 +29,10 @@ const ContextualNotice: ContextualNoticeComponent = ({
 			className="orejime-ContextualNotice"
 			data-testid="orejime-contextual-notice"
 		>
-			<TitleTag className="orejime-ContextualNotice-title">
+			<TitleTag
+				className="orejime-ContextualNotice-title"
+				data-testid="orejime-contextual-notice-title"
+			>
 				{template(t.contextual.title, templateProps)}
 			</TitleTag>