Skip to content

Commit cf36aa5

Browse files
committed
WS-8117 Updated Element Click to remove pagination references
1 parent e851916 commit cf36aa5

1 file changed

Lines changed: 6 additions & 26 deletions

File tree

docs/Selectors/Element click selector.md

Lines changed: 6 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,7 @@ Element click selector works similarly to
44
[Element selector] [element-selector]. It's main purpose also is element
55
selection that could be given as parent elements to its child selectors. The only
66
difference is that *Element click selector* can interact with the web page by
7-
clicking on buttons to load new elements. For example a page might use
8-
JavaScript and AJAX for pagination or item loading.
7+
clicking on buttons.
98

109
**Note!** when selecting clickable elements you should select them by moving the
1110
mouse over the element and pressing "S". This kind of selection will avoid
@@ -34,9 +33,7 @@ events triggered by the button.
3433
#### Click Once
3534

3635
Click Once type will click on the buttons only once. If a new button appears
37-
that can be selected it will be also clicked. For example pagination links
38-
might show pages 1 to 5 but pages 6 to 10 would appear some time later. The
39-
selector will also click on those buttons.
36+
that can be selected it will be also clicked.
4037

4138
#### Click More
4239

@@ -66,28 +63,11 @@ When using *Click Once* only unique buttons will be clicked. When using
6663

6764
## Use cases
6865

69-
### Navigate pagination using "Click once" selector type
66+
### Item variations clicks
7067

71-
For example there is a site that displays a list of items and there are some
72-
pagination buttons that reload these items dynamically (after clicking a button
73-
the url doesn't change. changes after hash tag # doesn't count). Using *Element
74-
click selector* you can select these items and buttons that need to be clicked.
75-
The scraper during scraping phase will click these buttons to extract all
76-
elements. Also you need to add child selectors for the *Element click selector*
77-
that select data within each element. In figure 1 you can see how to configure
78-
the *Element click selector* to extract data from the described site.
79-
80-
![Fig. 1: Sitemap when using Click once type][image-click-once]
81-
82-
### Load more items in an e-commerce site by clicking "More" button
83-
84-
This example is similar to the one above. The only difference is that in this
85-
site items are loaded by clicking a single button multiple times. In this case
86-
the *Element click selector* should be configured to use "Click more" click
87-
type. In figure 2 you can see how to configure the *Element click selector*
88-
to extract data from this site.
89-
90-
![Fig. 2: Sitemap when using Click more type][image-click-more]
68+
Iterate through item variations (size, colour, material, etc.) by selecting all clickable variation elements
69+
(e.g., swatches, buttons, or dropdown items). This allows the scraper to click each variation one by one,
70+
triggering any dynamic content updates (like price or availability) tied to that option.
9171

9272
### When to select the *Discard when click element exists* option
9373

0 commit comments

Comments
 (0)