feat: add attribute to plugin root element (#135)

src/plugins/Text/Text.tsx

@@ -5,6 +5,7 @@ import {Button, Loader} from '@gravity-ui/uikit';
 import {i18n} from '../../i18n';
 import {Plugin, PluginWidgetProps} from '../../typings';
 import {cn} from '../../utils/cn';
+import {PLUGIN_ROOT_ATTR_NAME} from '../constants';
 
 import './Text.scss';
 
@@ -107,7 +108,10 @@ export class PluginText extends React.PureComponent<PluginTextProps, PluginTextS
 
     private renderText() {
         return (
-            <div className={b({withMarkdown: this.withMarkdown})}>
+            <div
+                className={b({withMarkdown: this.withMarkdown})}
+                {...{[PLUGIN_ROOT_ATTR_NAME]: 'text'}}
+            >
                 {this.withMarkdown ? (
                     <div
                         className="yfm" // className из стилей для markdown

src/plugins/Title/Title.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 
 import {Plugin, PluginWidgetProps} from '../../typings';
 import {cn} from '../../utils/cn';
+import {PLUGIN_ROOT_ATTR_NAME} from '../constants';
 
 import './Title.scss';
 
@@ -22,7 +23,7 @@ export class PluginTitle extends React.Component<PluginTitleProps> {
         const size = data.size ? data.size : false;
         const id = data.showInTOC && text ? encodeURIComponent(text) : undefined;
         return (
-            <div id={id} className={b({size})}>
+            <div id={id} className={b({size})} {...{[PLUGIN_ROOT_ATTR_NAME]: 'title'}}>
                 {text}
             </div>
         );

src/plugins/constants.ts

@@ -0,0 +1 @@
+export const PLUGIN_ROOT_ATTR_NAME = 'data-plugin-root-el';

src/plugins/index.ts

@@ -1,2 +1,3 @@
 export * from './Text';
 export * from './Title';
+export * from './constants';