javascript - How to write a function to check if an button is disabled or not - Stack Overflow

admin管理员组

文章数量:1344518

I want to write a function that can be used to check whether the search button is deactivated or not.

• if the search button is deactivated, then carry out the next steps - fill out the search fields and click on the "Start search" button.

• if the search button is activated, then first click on the button so that the search fields are displayed and then do the next steps - fill out the search fields and click on the button "Start search".

<button id="mainbody:searchPersRecord:searchIcon" 
  name="mainbody:searchPersRecord:searchIcon" type="button" 
  class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only btNormal showHeadArea ui-state-disabled" 
  alt="Open search" title="Open search" onclick="showHeadArea(true); tryFocusComponentInAnyForm('searchHeadField1_Surname'); return false;;window.open('\/matrix\/views\/basis\/personalmanagement\/searchPersRecord.jsf','_self')" 
  role="button" 
  aria-disabled="false" disabled="disabled">
    <span class="ui-button-icon-left ui-icon ui-c ma-icon ma-search"></span>
    <span class="ui-button-text ui-c">ui-button</span>
</button>

<button id="mainbody:searchPersRecordDivisionForm:searchIcon"
  name="mainbody:searchPersRecordDivisionForm:searchIcon" type="button" 
  class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only btNormal showHeadArea" 
  alt="Open search" title="Open search" 
  onclick="showHeadArea(true); tryFocusComponentInAnyForm('number'); return false;;window.open('\/matrix\/views\/basis\/personalmanagement\/searchDivision.jsf','_self')" role="button" aria-disabled="false">
  <span class="ui-button-icon-left ui-icon ui-c ma-icon ma-search"></span>
  <span class="ui-button-text ui-c">ui-button</span>
</button>

I want to write a function that can be used to check whether the search button is deactivated or not.

• if the search button is deactivated, then carry out the next steps - fill out the search fields and click on the "Start search" button.

• if the search button is activated, then first click on the button so that the search fields are displayed and then do the next steps - fill out the search fields and click on the button "Start search".

<button id="mainbody:searchPersRecord:searchIcon" 
  name="mainbody:searchPersRecord:searchIcon" type="button" 
  class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only btNormal showHeadArea ui-state-disabled" 
  alt="Open search" title="Open search" onclick="showHeadArea(true); tryFocusComponentInAnyForm('searchHeadField1_Surname'); return false;;window.open('\/matrix\/views\/basis\/personalmanagement\/searchPersRecord.jsf','_self')" 
  role="button" 
  aria-disabled="false" disabled="disabled">
    <span class="ui-button-icon-left ui-icon ui-c ma-icon ma-search"></span>
    <span class="ui-button-text ui-c">ui-button</span>
</button>

<button id="mainbody:searchPersRecordDivisionForm:searchIcon"
  name="mainbody:searchPersRecordDivisionForm:searchIcon" type="button" 
  class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only btNormal showHeadArea" 
  alt="Open search" title="Open search" 
  onclick="showHeadArea(true); tryFocusComponentInAnyForm('number'); return false;;window.open('\/matrix\/views\/basis\/personalmanagement\/searchDivision.jsf','_self')" role="button" aria-disabled="false">
  <span class="ui-button-icon-left ui-icon ui-c ma-icon ma-search"></span>
  <span class="ui-button-text ui-c">ui-button</span>
</button>

• javascript
• function
• cypress
• cypress-conditional-testing

Share Improve this question Follow edited Dec 7, 2024 at 2:24 Alexander.Goldstein 15511 silver badge88 bronze badges asked Jul 30, 2021 at 16:52 Kamen K.Kamen K. 4711 gold badge11 silver badge44 bronze badges 0

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 6

A function to check if a button is disabled or not can use the jQuery method .is(':disabled').

You would use it in the test like this

const isDisabled = ($el) => $el.is(':disabled');

cy.get('button[id="mainbody:searchPersRecord:searchIcon"]')
  .then($el => {
    if (isDisabled($el)) {
      $el.click()
    }
  }

// fill out the form, etc

    cy.get('your_button').then(($button) => {
        if(cy.get($button).should('not.be.disabled')){
            //your logical code for button ACTIVE
        }
        else{
            //your logical code for button NOT ACTIVE
        }
    })

cy.get('your button').then(($val)=>{ 
   if($val.is(':enabled')){
     //enabled
   }else{
     //disabled
   }
})

Check if it is disabled

cy.get('your_selector').should("be.disabled");

Check if it is not disabled

cy.get('your_selector').should("not.be.disabled");

Since you have id's on your buttons, you can write your selector as

cy.get('#mainbody:searchPersRecord:searchIcon')

本文标签： javascriptHow to write a function to check if an button is disabled or notStack Overflow