Cypress Tutorial #10 - How to Identify Webelements in Cypress

[@unaislearning]

Great series, Waiting for Next Video💌

[@softwaretestingmentor]

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

[@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.

[@HoopScoop3650]

css selector or selenium css selector?

[@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

[@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

[@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