1

How do I build a CSS locator for the "Add Photos/Video" link so I can perform a click event on it?

The ID is js_42 which varies and the class is _$qtm_fb2ReactComposerAttachmentSelector_MEDIA which is not always unique on this page (depending on state) and is also kinda hard to read.

enter image description here

3 Answers 3

1

Assuming this is unique on the page, you should be able to identify and click the same element using CSS = '[data-testid="media-attachment-selector"]'. (You could also pre-fix the element with a to indicate it's a link but either should work.)

Typically development teams include data-testids for testability / automated testing. It might be worth following up with the team to see if they do include these elements for that purpose (or another purpose). If they do, feel free to suggest additional tags to help you test.

0

Maybe you can try span._4-fs span:nth-of-type(2)?

See http://www.w3schools.com/cssref/sel_nth-of-type.asp for usage

1
  • can you give some more information on the answer as to why this is recommended solution
    – ECiurleo
    Mar 16, 2016 at 9:48
0

After further review I recommend using:

#pagelet_composer a[data-testid='media-attachment-selector']

because it is not tied in to the actual text "Add photos..." which may change over time.

It is based on there being a section of the page being used for this message composition ('#pagelet_composer') which has a link for attachments conveniently marked with a data attribute 'media-attachment-selector' You have not shown all the page HTML or other cases so I can't tell whether this is truly unique, you will have to finally determine that based on the full page HTML and functionality.

Ultimately I would use a Page Object (implementation depeneds on your language and framework) to define this selector, name it something like attach_document and then you can use attach_document.click() in the actual test for readability.

If this is a one page document and/or has this identifier in other places on the page, but only one is visible at a given time you might need to add a .visible qualifier.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.