This is just a technology testing project based on Create React App and TailwindCSS
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

44 Zeilen
1.5KB

  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;