This is just a technology testing project based on Create React App and TailwindCSS
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

selectors.js 1.5KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // These are ways of being able to identify HTML elements to interact with and check.
  2. const selectors = {
  3. wrappers: { // class names!!!
  4. 'Page content': 'page-content',
  5. 'Sign In form': 'sign-in-form',
  6. 'User registration form': 'registration-form',
  7. 'Password recovery form': 'password-recovery-form',
  8. 'Service Policy form': 'service-policy-form',
  9. 'Feedback form': 'feedback-form',
  10. 'Error message': 'error',
  11. 'jsonView': 'react-json-view',
  12. },
  13. inputs: {
  14. 'Your name': 'input[name="user_name"]',
  15. 'Email': 'input[name="email"]',
  16. 'Password': 'input[name="password"]',
  17. 'Confirm password': 'input[name="password_confirm"]',
  18. 'Accept Service Policy': 'input[type=checkbox][name="userconsent"]',
  19. 'Remember me': 'input[type=checkbox][name="remember_me"]',
  20. 'Message': 'textarea[name="message"]',
  21. },
  22. radio_groups: {
  23. 'Section': {
  24. //name: 'section',
  25. options: {
  26. 'User support': 'input[type=radio][name=section][value=users]',
  27. 'Partnership': 'input[type=radio][name=section][value=partners]',
  28. }
  29. },
  30. },
  31. checkbox_groups: {
  32. 'Required types of support': {
  33. //name: 'support_type',
  34. options: {
  35. 'Consulting on product': 'input[type=checkbox][name=support_type][value=product]',
  36. 'Technical support': 'input[type=checkbox][name=support_type][value=technical]',
  37. 'Legal support': 'input[type=checkbox][name=support_type][value=legal]',
  38. }
  39. }
  40. },
  41. };
  42. module.exports = selectors;