adding small instruction on how to get the selectors

docs/data-sources/recipe.md

@@ -4,17 +4,28 @@ page_title: "chromedp_recipe Data Source - terraform-provider-chromedp"
 subcategory: ""
 description: |-
   Recipe runs list of action sequentially.
-          If "screenshot_filename" is set it makes the screenshot after all actions executed.
-          All the actions are list of string where the first string is action name.
-          In most cases the second string is selector for the action.
+  If "screenshot_filename" is set it makes the screenshot after all actions executed.
+  All actions are list of string where the first string is action name.
+  In most cases the second string is selector for the action.
+  The easiest way to get the selector for the element:
+  Open Devtools -> select element in DOM (or right click on the element at page and click "inspect element) -> right click on the element in dev tools: copy -> copy selector.
+  For more information about selectors https://en.wikipedia.org/wiki/CSS#Selector
 ---
 
 # chromedp_recipe (Data Source)
 
 Recipe runs list of action sequentially.
-		If "screenshot_filename" is set it makes the screenshot after all actions executed.
-		All the actions are list of string where the first string is action name.
-		In most cases the second string is selector for the action.
+If "screenshot_filename" is set it makes the screenshot after all actions executed.
+
+All actions are list of string where the first string is action name.
+
+In most cases the second string is selector for the action.
+
+The easiest way to get the selector for the element:
+
+Open Devtools -> select element in DOM (or right click on the element at page and click "inspect element) -> right click on the element in dev tools: copy -> copy selector.
+
+For more information about selectors https://en.wikipedia.org/wiki/CSS#Selector
 
 ## Example Usage
 

docs/index.md

@@ -12,6 +12,12 @@ This providers allows you to use [chromedp](https://github.com/chromedp/chromedp
 The easiest way to start using it is to install local Chrome or to create container with headless chrome, 
 for an instance: `podman run --rm -d -p 3000:3000 docker.io/browserless/chrome:latest`
 
+The easiest way to get the selector for the element:
+
+Open Devtools -> select element in DOM (or right click on the element at page and click "inspect element) -> right click on the element in dev tools: copy -> copy selector.
+
+For more information about selectors https://en.wikipedia.org/wiki/CSS#Selector
+
 ## Example Usage
 
 ```terraform

internal/provider/data_recipe.go

@@ -43,10 +43,18 @@ func (d *RecipeDataSource) Metadata(ctx context.Context, req datasource.Metadata
 
 func (d *RecipeDataSource) Schema(ctx context.Context, req datasource.SchemaRequest, resp *datasource.SchemaResponse) {
 	resp.Schema = schema.Schema{
-		Description: `Recipe runs list of action sequentially.
-		If "screenshot_filename" is set it makes the screenshot after all actions executed.
-		All the actions are list of string where the first string is action name.
-		In most cases the second string is selector for the action.`,
+		MarkdownDescription: `Recipe runs list of action sequentially.
+If "screenshot_filename" is set it makes the screenshot after all actions executed.
+
+All actions are list of string where the first string is action name.
+
+In most cases the second string is selector for the action.
+
+The easiest way to get the selector for the element:
+
+Open Devtools -> select element in DOM (or right click on the element at page and click "inspect element) -> right click on the element in dev tools: copy -> copy selector.
+
+For more information about selectors https://en.wikipedia.org/wiki/CSS#Selector`,
 		Attributes: map[string]schema.Attribute{
 			"actions": schema.ListAttribute{
 				ElementType: types.ListType{

templates/index.md.tmpl

@@ -12,6 +12,12 @@ This providers allows you to use [chromedp](https://github.com/chromedp/chromedp
 The easiest way to start using it is to install local Chrome or to create container with headless chrome, 
 for an instance: `podman run --rm -d -p 3000:3000 docker.io/browserless/chrome:latest`
 
+The easiest way to get the selector for the element:
+
+Open Devtools -> select element in DOM (or right click on the element at page and click "inspect element) -> right click on the element in dev tools: copy -> copy selector.
+
+For more information about selectors https://en.wikipedia.org/wiki/CSS#Selector
+
 ## Example Usage
 
 {{ tffile "examples/provider/provider.tf" }}