Cypress Tutorial #10 - How to Identify Webelements in Cypress

[@Amit24981]

Very Nice tutorial.. Well explained.. Thanks

[@softwaretestingmentor]

You are welcome. Keep watching and sharing.

[@rohitmane8803]

thank you sir it is very helpfuller

[@softwaretestingmentor]

Most welcome. Keep watching and sharing.

[@unaislearning]

Great series, Waiting for Next Video💌

[@softwaretestingmentor]

Thank you so much 😀
Keep watching and subscribe for more videos and tutorials.

[@HoopScoop3650]

css selector or selenium css selector?

[@asheshtadaiya]

Hi sir , Can you please share the word file that you're showing here in video

[@bhaskargupta9340]

Basic CSS Selector Syntax
Syntax: tagName[AttributeName='AttributeValue’]
Example: input[id=’first_name’]
CSS Selector: Select by ID
Syntax: #elementID
Example: #first_name
Syntax: tagName#elementID
Example: input#first_name
CSS Selector: Select by Class name
Syntax:.elementID
Example: .signup
Syntax: tagName.elementID
Example: input.signup
CSS Selector Using other webelement Attributes
Syntax: tagName[AttributeName=’AttributeValue’]
Example: input[value=’sign me up’]
Advanced CSS Selectors (Using mix of Tag, ID and Class name) Syntax:tagName.classValue[AttributeName='AttributeValue'] Syntax:tagName#idValue[AttributeName='AttributeValue']
Example: input.signup[type='submit'][value='Sign me up ']
Example: input#submit_btn[type='submit'][value='Sign me up ']
CSS Selector - substring:-
Match prefix of the text
Example: input[name^='country_c']
Match suffix of the text
Example: input[name='y_client']
Match sub-string of the text Example: input[name*='try_cl']
Finding Child or SUBCHILD elements
Direct Child (Child combinator (>) is used to select direct child)
Syntax: tagName[AttributeName='AttributeValue'] > tagName[AttributeName='AttributeValue'] Example: select#country option[value='AU']
Child or Subchild (Descendant combinator () is used to select Child or SubChild)
Syntax: tagName[AttributeName='AttributeValue'] tagName[AttributeName='AttributeValue'] Example: form#deorg_form div

[@MelanieAnnThomas]

Hi, can you please post that cheat sheet here?.

[@bhaskargupta9340]

Basic CSS Selector Syntax
Syntax: tagName[AttributeName='AttributeValue’]
Example: input[id=’first_name’]
CSS Selector: Select by ID
Syntax: #elementID
Example: #first_name
Syntax: tagName#elementID
Example: input#first_name
CSS Selector: Select by Class name
Syntax:.elementID
Example: .signup
Syntax: tagName.elementID
Example: input.signup
CSS Selector Using other webelement Attributes
Syntax: tagName[AttributeName=’AttributeValue’]
Example: input[value=’sign me up’]
Advanced CSS Selectors (Using mix of Tag, ID and Class name) Syntax:tagName.classValue[AttributeName='AttributeValue'] Syntax:tagName#idValue[AttributeName='AttributeValue']
Example: input.signup[type='submit'][value='Sign me up ']
Example: input#submit_btn[type='submit'][value='Sign me up ']
CSS Selector - substring:-
Match prefix of the text
Example: input[name^='country_c']
Match suffix of the text
Example: input[name='y_client']
Match sub-string of the text Example: input[name*='try_cl']
Finding Child or SUBCHILD elements
Direct Child (Child combinator (>) is used to select direct child)
Syntax: tagName[AttributeName='AttributeValue'] > tagName[AttributeName='AttributeValue'] Example: select#country option[value='AU']
Child or Subchild (Descendant combinator () is used to select Child or SubChild)
Syntax: tagName[AttributeName='AttributeValue'] tagName[AttributeName='AttributeValue'] Example: form#deorg_form div

[@swapnilsalve8984]

Hello sir
My name is Swapnil
I had completed my graduation in commerce. By open University.
And i had 3 year career gap because of govt exam
Can i eligible for IT course
Can i get a job in Testing role or any other role plz
Guide i was totally confused 🤔

[@nareshgajula]

Hello Swapnil, Yes you can try in IT. But before that you need to choose a particular area of your interest, learn, practice and try for the jobs. If you are interested in the career and can work hard, definitely you will succeed in IT.

[@Ohotnikova_]

They don’t care so much about the gap but what tools you know how to use along with the proof of that.

[@benjamingabice4952]

In the description you labeled it as “in this playwright tutorial” whereas it’s a cypress tutorial