Fix message selector

microsoft · Jul 14, 2021 · e2bd66a · e2bd66a
1 parent 336f319
commit e2bd66a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/...es/fluentui/docs/src/examples/components/Chat/Types/ChatExampleCompact.shorthand.steps.ts b/...es/fluentui/docs/src/examples/components/Chat/Types/ChatExampleCompact.shorthand.steps.ts
@@ -1,9 +1,13 @@
 import { ScreenerTestsConfig } from '@fluentui/scripts/screener';
 import { chatMessageClassName } from '@fluentui/react-northstar';
 
+const selectors = {
+  message: `.${chatMessageClassName}`,
+};
+
 const config: ScreenerTestsConfig = {
   themes: ['teams', 'teamsDark', 'teamsHighContrast', 'teamsV2', 'teamsDarkV2'],
-  steps: [builder => builder.hover(chatMessageClassName).snapshot('Mouse hover on first message')],
+  steps: [builder => builder.hover(selectors.message).snapshot('Mouse hover on first message')],
 };
 
 export default config;