sampleForm.html ===================== <template> <lightning-input type="text" label="FirstName" class="fname"></lightning-input> <lightning-input type="text" label="LastName" class="lname"></lightning-input> <lightning-button label="Disable" variant="brand" onclick={handleClick}></lightning-button> </template> sampleForm.js ==================== import { LightningElement,track } from 'lwc'; export default class SampleForm extends LightningElement { handleClick(){ this.template.querySelectorAll('lightning-input').forEach(item=>{ item.disabled=true; }) } } sampleForm.test.js ======================== import {createElement} from 'lwc'; import SampleForm from 'c/sampleForm'; describe('c-sample-form',()=>{ beforeEach(()=>{ const element=createElement('c-sample-form',{ is:SampleForm }) document.body.appendChild(element); }) test('display input fields in disabled format',()=>{ const element=document.querySelector('c-sample-form'); const inputButton=element.shadowRoot.querySelector('lightning-button'); inputButton.dispatchEvent(new CustomEvent('click')); return Promise.resolve().then(()=>{ const inputVal=element.shadowRoot.querySelectorAll('lightning-input').forEach(item=>{ expect(item.disabled).toBeTruthy(); }); }) }) })
![](https://sfdcian.com/wp-content/uploads/2024/02/Untitled-design-8-1024x576.png)