add Cypress - get element with 2 attributes

README.md

@@ -58,6 +58,7 @@ This repo is inspired by the [@jbrandchaud/til](https://github.com/jbranchaud/ti
 ### Cypress
 
 - [Check if loading is finished](cypress/check-if-loading-finished.md)
+- [Get element with two attributes](cypress/get-element-with-two-attributes.md)
 - [Headless login custom command](cypress/headless-login-custom-command.md)
 - [Override global configs for one test/suite](cypress/override-global-configs-one-test-suite.md)
 - [`[Plugin]` - `cypress-terminal-report` for instant headless debug info](cypress/plugin-cypress-terminal-report-instant-headless-debug-info.md)

cypress/get-element-with-two-attributes.md

@@ -0,0 +1,24 @@
+# Get element with two attributes
+
+It's possible to use two attributes to target an element with the `get()` command.
+
+This is useful when targeting an element that's generated by a framework or library and can't receive a custom `id` or `data-` attribute.
+
+Given this element:
+
+```html
+<div data-component="tab" data-value="first_tab"></div>
+```
+
+You can select it like this:
+
+```js
+cy.get('[data-component="tab"][data-value="first_tab"]').click();
+```
+
+Cypress follows the jQuery multiple attribute selector
+
+## References
+
+- StackOverflow [answer](https://stackoverflow.com/questions/61763473/how-to-add-two-data-attribute-check-in-cypress)
+- jQuery [Docs](https://api.jquery.com/multiple-attribute-selector/)