В чем разница между LocalStorage, SessionStorage и Cookies?

А, ну это ж классика, про которую каждый тестировщик должен знать, как свои пять пальцев. Смотри, тут три главных хранилища в браузере, и если их не различать — можно такого натестировать, что потом разработчики тебя самого в localStorage запрячут, чтоб не доставал.

Вот смотри, таблица, чтобы всё в голове разложилось, а не как попало.

А теперь, блядь, на пальцах, что с этим делать на практике:

1. Cookies — это святое, их трогать нужно в белых перчатках. Тут главное — безопасность, ёпта. Ты должен проверять, как будто ты хакер-неудачник. Есть ли у куки флаг HttpOnly? Если нет — это прямая дорога для XSS, чтобы тебе скрипт твой же токен украл. Флаг Secure стоит? Или он по HTTP летает, как голый по проспекту? А SameSite? Без него любая сторонняя сайта может сделать запрос с твоими куками — вот тебе и CSRF, привет. В общем, доверия ебать ноль, проверяй всё.

2. LocalStorage — это твой чердак, где можно хранить овердохуища хлама. Но следи, чтобы приложение не превратилось в свинарник. Вот смотри, как проверять:

   // Проверка сохранения/загрузки данных
   localStorage.setItem('theme', 'dark');
   console.assert(localStorage.getItem('theme') === 'dark');
   // Проверка очистки при логауте
   logoutFunction(); // Должна вызывать localStorage.clear() или removeItem
   console.assert(localStorage.getItem('theme') === null);

   Главный сценарий: залогинился, накричал настроек, разлогинился. После этого зайди в DevTools, в Application, и посмотри — не осталось ли там чего? Если осталось — это пиздец, утечка данных. А ещё представь, что юзер — тот ещё распиздяй, и просто взял и очистил всё хранилище в настройках браузера. Приложение не должно накрыться медным тазом с ошибкой, а просто взять и перейти в дефолтное состояние.

3. SessionStorage — это как память золотой рыбки, только на одну вкладку. Тут хитрая жопа с изоляцией.

   • Открой приложение в двух вкладках. В одной сохрани что-то: sessionStorage.setItem('wizardStep', '2').
   • Перейди на другую вкладку и попробуй это прочитать. Должно быть null, ни хуя себе, да? Потому что это другая сессия.
   • Закрой вкладку и открой заново — всё, данные испарились, как твоя зарплата в конце месяца. Если не испарились — вот тебе и баг.

Короче, суть в чём: нужно понимать, где что лежит, кто к этому имеет доступ и когда это всё сдохнет. И тогда ты не будешь, как тот чувак, искать в localStorage сессионный токен, который на сервере сидит в куках. Э, сабака сука, думай головой!