Урок #8 Как составлять css-selectors, когда атрибут содержит заданное значение

В этом видео мы обсудим альтернативные пути для составления css-selectors, не применяя функцию contains() А так же, обсудим, как написать css-selectors, применяя несколько параметров (правил) Закрепим все на примерах! 👉 Я для вас подготовила конспект, который вы можете распечатать и заполнять в ходе изучения урока: https://docs.google.com/document/d/1V...
======================== ТАЙМИНГ: ======================== 0:00 Вступление. 0:35 Пишем X-pass для кнопки Departments: //button[text()=“Departments”]. 1:52 Альтернативы. 2:50 CSS selectors не имеет функций text() и contains() 11:57 Слайд: Альтернатива использование contains(). 12:20 Пример со звездочкой: [date-testid*=“desktop”], [date-testid*=“label”]. 14:09 Пример с галочкой: [date-testid^=“desktop”] 15:08 Пример с символом доллар: [date-testid$=“Yonder”] 16:05 Пример с символом тильда: [date-testid~=“Yonder”] 17:32 Пример с символом вертикальная палочка: [class|=“flex”] 22:30 Пример: CSS селектор для выбранного размера: button[id*=“clothing_size”].w_aF4L или .w_aF4L[id*=“clothing_size”] 29:40 Заключение. ======================= МОИ КУРСЫ НА Udemy: ======================== 👩‍🏫 Postman - https://www.udemy.com/course/postman-...
(промокод всегда - это текущий месяц на англ + 2023. Например, AUGUST2023, SEPTEMBER2023...) 👩‍🏫 Git & GitHub - https://www.udemy.com/course/git-gith...
(промокод всегда - это текущий месяц на англ + 2023. Например, AUGUST2023, SEPTEMBER2023...) ======================== ДРУГИЕ ПОЛЕЗНЫЕ ВИДЕО: ======================== 🔵 Плейлист с разборами резюме:    • Серия 1. Разбор резюме для Manual QA - вся...   🟡 Сериал про собеседование на позицию Senior Manual QA:    • Эпизод 1 из 8: Собеседование на позицию те...   🔵 Плейлист "Локаторы":    • Урок #1. Локаторы словами, которые поймет ...   ======================== КАК ПОДДЕРЖАТЬ КАНАЛ: ======================== 🥰 Подписка на канал, комментарий и лайк - это лучшая поддержка и благодарность за полезности, которыми я делюсь 😍 Распространение информации о моем канале в любых тематических группах - очень большая помощь в развитии моего канала ======================== МОИ КОНТАКТЫ: ======================== ⭐ Instagram:   / ladybug.qa.courses   ⭐ LinkedIn:   / lucy-iterman-qa   #тестированиепо #тестирование #тестировщикснуля #тестировщиквсша #тестировщик #devtools #locators #локаторы #xpath #cssselectors