使用 Selenium 我试图单击页面上具有相同类的所有元素，但它不起作用

Question

I have multiple elements on a page with the same code. Here are two examples of two of the elements:

<button _ngcontent-jqb-c516="" cdkmonitorelementfocus="" class="quick-action-button ng-star-inserted" title="Refresh now" pbi-focus-tracker-idx="10">
<mat-icon _ngcontent-jqb-c516="" role="img" class="mat-icon notranslate glyph-small pbi-glyph-font-face pbi-glyph-refresh mat-icon-no-color ng-star-inserted" aria-hidden="true" data-mat-icon-type="font" data-mat-icon-name="pbi-glyph-refresh"></mat-icon><!----><!----></button>

<button _ngcontent-jqb-c516="" cdkmonitorelementfocus="" class="quick-action-button ng-star-inserted" title="Refresh now" pbi-focus-tracker-idx="11">
<mat-icon _ngcontent-jqb-c516="" role="img" class="mat-icon notranslate glyph-small pbi-glyph-font-face pbi-glyph-refresh mat-icon-no-color ng-star-inserted" aria-hidden="true" data-mat-icon-type="font" data-mat-icon-name="pbi-glyph-refresh"></mat-icon><!----><!----></button>

I am trying to click on all of the elements on the page which share this similar code. It looks like they all have the same class. I have decided to put it in a loop:

refresh = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_Name, "mat-icon notranslate glyph-small pbi-glyph-font-face pbi-glyph-refresh mat-icon-no-color ng-star-inserted"))).click()

for x in range(0,len(refresh)):
    if refresh[x].is_displayed():
        refresh[x].click()

Unfortunately, when I run the code I get an error:

AttributeError: type object 'By' has no attribute 'CSS_Selector'

Any ideas on what the code should look like?. Thanks in advance.

Here are the full xpaths for some of the elements:

/html/body/div[1]/root/mat-sidenav-container/mat-sidenav-content/div/div/workspace-view/fluent-workspace/mat-sidenav-container/mat-sidenav-content/fluent-workspace-list/fluent-list-table-base/div/cdk-virtual-scroll-viewport/div[1]/div[1]/div[2]/span/button[1]/mat-icon

/html/body/div[1]/root/mat-sidenav-container/mat-sidenav-content/div/div/workspace-view/fluent-workspace/mat-sidenav-container/mat-sidenav-content/fluent-workspace-list/fluent-list-table-base/div/cdk-virtual-scroll-viewport/div[1]/div[2]/div[2]/span/button[1]/mat-icon

/html/body/div[1]/root/mat-sidenav-container/mat-sidenav-content/div/div/workspace-view/fluent-workspace/mat-sidenav-container/mat-sidenav-content/fluent-workspace-list/fluent-list-table-base/div/cdk-virtual-scroll-viewport/div[1]/div[3]/div[2]/span/button[1]/mat-icon

Interestingly, when I use this code:

refresh= driver.find_elements_by_class_name('quick-action-button ng-star-inserted')


for x in range(0,len(refresh)):
    if refresh[x].is_displayed():
        refresh[x].click()

I don't get any error but it doesn't click any elements.

Answer 1

The class By doesn't have an attribute of CSS_Name .

Below is the attribute for the css selector from the selenium docs :

...
CSS_SELECTOR = "css selector"

So the correction should be to change By.CSS_Name to By.CSS_SELECTOR