День 1. Scope в JavaScript — почему переменные “пропадают” в автотестах

Для инженера по автоматизации понимание Scope (области видимости) — критически важный навык. Именно из-за него возникают ошибки вроде: «Я же только что нашел элемент в цикле, почему я не могу использовать его дальше?» В этом видео мы разбираем: - что такое Scope простыми словами, - почему let и const имеют блочную область видимости, - почему переменные “умирают” после { }, - как правильно проектировать тесты, чтобы данные были доступны там, где нужно. Официальное определение: Область видимости — это контекст выполнения, в котором переменные «видны» или доступны. `let` и `const` имеют блочную область видимости, то есть они существуют только внутри пары фигурных скобок `{ }`, где были объявлены. Простыми словами:*Это «зона доступа». Если ты создал переменную внутри функции, цикла или условия `if`, она заперта там на замок. Снаружи ты её не достанешь. Пример 1: Ошибка видимости в UI-тесте Представь, что ты ищешь текст ошибки на странице внутри блока `if`. if (isErrorVisible) { const errorMessage = "Invalid password"; // Переменная создана ВНУТРИ блока console.log(errorMessage); // Здесь она работает } // Попытка использовать сообщение для финального отчета в конце теста: console.log("Тест завершен с ошибкой: " + errorMessage); // РЕЗУЛЬТАТ: ReferenceError: errorMessage is not defined // Тест упадет, потому что errorMessage "умерла" сразу после закрывающей скобки }. ``` Пример 2: Переменные в блоке `try...catch` В тестах мы часто используем `try...catch`, чтобы тест не падал при первой же ошибке. Это классический пример, где новички теряют переменные. try { const response = await api.get('/user/1'); // Переменная заперта внутри try let status = response.status; } catch (error) { console.log("Запрос не удался"); } // Мы хотим проверить статус в конце теста // console.log(status); // ОШИБКА! status не виден вне блока try. // КАК ПРАВИЛЬНО: let status; // Объявляем снаружи (внешний scope) try { const response = await api.get('/user/1'); status = response.status; // Присваиваем значение внутри } catch (e) { /*...*/ } console.log(status); // ТЕПЕРЬ РАБОТАЕТ! ``` Пример 3: Циклы (перебор элементов) Когда мы перебираем строки таблицы или список товаров, переменная цикла живет только внутри этого перебора. const items = ["Apple", "Banana", "Cherry"]; for (let i = 0; i меньше items.length; i++) { const currentItem = items[i]; console.log(`Проверяем товар: ${currentItem}`); // Работает внутри } // console.log(currentItem); // ОШИБКА! Переменная currentItem существовала только пока работал цикл. ``` Итог: Если вы объявили переменную внутри `{ }`, помните: "всё, что было в Лас-Вегасе (внутри скобок), остается в Лас-Вегасе." Чтобы использовать данные снаружи, нужно объявить переменную (через `let`) ДО начала блока со скобками.