Fix useInjectStyles tests

Author: OEvgeny

packages/component/src/Styles/WebChatTheme.tsx

@@ -7,7 +7,7 @@ type WebChatThemeProps = Readonly<{
   readonly children?: ReactNode | undefined;
 }>;
 
-const styles = createStyles();
+const styles = createStyles('component');
 
 function WebChatTheme({ children }: WebChatThemeProps) {
   return <ThemeProvider styles={styles}>{children}</ThemeProvider>;

packages/component/src/decorator/private/WebChatTheme.tsx

@@ -7,7 +7,7 @@ type WebChatThemeProps = Readonly<{
   readonly children?: ReactNode | undefined;
 }>;
 
-const styles = createStyles();
+const styles = createStyles('component/decorator');
 
 function WebChatTheme({ children }: WebChatThemeProps) {
   return <ThemeProvider styles={styles}>{children}</ThemeProvider>;

packages/fluent-theme/src/private/FluentThemeProvider.tsx

@@ -62,7 +62,7 @@ const decoratorMiddleware: readonly DecoratorMiddleware[] = Object.freeze([
         : next(request)) satisfies DecoratorMiddlewareTypes['activity border'])
 ]);
 
-const styles = createStyles();
+const styles = createStyles('fluent-theme');
 
 const fluentStyleOptions: StyleOptions = Object.freeze({
   feedbackActionsPlacement: 'activity-actions'

packages/styles/src/private/makeCreateStyles.ts

@@ -1,17 +1,21 @@
-function createStyle(content: string) {
+function createStyle(content: string, origin?: string) {
   const style = document.createElement('style');
 
   style.append(document.createTextNode(content));
 
+  if (origin) {
+    style.dataset['webchatInjected'] = origin;
+  }
+
   return style;
 }
 
 export default function makeCreateStyles(...contents: string[]) {
-  return function createStyles() {
+  return function createStyles(origin?: string) {
     if (!globalThis.document) {
       throw new Error('Unable to create styles: document is not defined');
     }
 
-    return contents.map(content => createStyle(content));
+    return contents.map(content => createStyle(content, origin));
   };
 }