Кроссбраузерное тестирование сайта на 1С-Битрикс

Safari на iOS 16 отображает форму оформления заказа с поехавшими инпутами. Firefox на Windows игнорирует gap в flex-контейнере. Edge на корпоративных машинах блокирует скрипт аналитики настройками безопасности. Это реальные проблемы, которые приходят в поддержку после запуска. Мы — команда инженеров с 10+ годами опыта в разработке на Битрикс — ежедневно сталкиваемся с такими багами. Наша методика включает ручное и автоматизированное тестирование в 8 браузерах и на 4 платформах. Мы гарантируем, что ваш интернет-магазин будет корректно отображаться у 99% пользователей. Наши инженеры имеют веб-сертификацию Битрикс, что подтверждает их компетенцию. Свяжитесь с нами, чтобы получить консультацию по матрице тестирования для вашего проекта.

Почему кроссбраузерное тестирование критично для Битрикс-проектов?

Битрикс-сайты содержат кастомные шаблоны, сложные JS-компоненты (умный фильтр, форма оформления заказа) и интеграции с внешними сервисами (платёжные формы, виджеты ПВЗ). Каждый элемент может вести себя по-разному в зависимости от браузера и версии. Ниже — матрица браузеров, которую мы формируем на основе аналитики проекта или отраслевых данных:

P0 — блокирует релиз, P1 — должно работать, P2 — желательно.

Какие типичные проблемы возникают в Safari?

Safari — один из самых проблемных браузеров для Битрикс. Умный фильтр исторически плохо работает в Firefox и Safari из-за нестандартных CSS-свойств и прямой DOM-манипуляции через BX.bind. Мы проверяем: раскрытие/закрытие групп фильтра, корректное обновление URL при выборе параметров (History API), работу range-слайдера цен, корректный сброс фильтров. Форма оформления заказа использует множество кастомных JS-событий в /bitrix/templates/.default/components/bitrix/sale.order.ajax/. Safari часто ломает position: sticky внутри overflow: hidden контейнеров, автозаполнение форм с нестандартными name атрибутами и date input (не поддерживался до версии 14).

Виджеты ПВЗ (CDEK, Boxberry) — сторонние JS-виджеты, конфликтующие с политикой безопасности контента (CSP). В Safari дополнительная проблема — Intelligent Tracking Prevention (ITP) может блокировать cookies от поддоменов, используемых виджетами. Платёжные формы требуют особого внимания: iframe от платёжных систем в Safari могут ломаться из-за ужесточения политики сторонних cookies.

Как мы проводим кроссбраузерное тестирование?

Мы используем комбинацию инструментов и подходов:

1. Playwright — основа автоматизации. Покрывает Chromium, Firefox и WebKit (движок Safari) из коробки. Пишем тесты для ключевых пользовательских сценариев: выбор товара в каталоге, добавление в корзину, оформление заказа, оплата. Тесты интегрированы в CI и запускаются на каждый PR. Согласно документации Playwright, автоматизация снижает время регрессионного прогона на 80%.

2. BrowserStack — для реальных iOS-устройств и специфических версий Samsung Internet. Интеграция с Playwright через конфигурацию:

const capabilities = {
    'browserstack.user': process.env.BROWSERSTACK_USERNAME,
    'browserstack.accessKey': process.env.BROWSERSTACK_ACCESS_KEY,
    'project': 'Bitrix Shop',
    'build': `Regression ${new Date().toISOString()}`,
};

3. LambdaTest — альтернатива BrowserStack, дешевле для небольших проектов.

4. Ручное тестирование на реальных устройствах — незаменимо для Safari на iPhone. WebKit в эмуляторе и реальный Safari ведут себя по-разному при работе с тач-событиями и виртуальной клавиатурой.

Распространённые CSS-проблемы в кастомных шаблонах Битрикс решаем через fallback-свойства:

.catalog-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* fallback для Safari < 14.1 */
@supports (gap: 20px) {
    .catalog-grid { gap: 20px; margin: 0; }
    .catalog-grid > .item { margin: 0; }
}
@supports not (gap: 20px) {
    .catalog-grid { margin: -10px; }
    .catalog-grid > .item { margin: 10px; }
}

JS-специфика Битрикс — использование старого BX API. Кастомный код часто использует ES6+ без транспиляции. Проверяем:

// Проблема: optional chaining не работает в старых браузерах без transpile
const price = product?.offers?.[0]?.price; // Ломается в Samsung Internet 14

// Безопасный вариант
const price = product && product.offers && product.offers[0] && product.offers[0].price;

Что входит в работу

• Согласование матрицы браузеров и устройств
• Написание автоматических тестов (Playwright) для ключевых сценариев
• Ручное тестирование на реальных устройствах (iPhone, iPad, Android-планшеты)
• Тестирование интеграций: виджеты ПВЗ, платёжные формы, аналитика
• Составление отчёта с найденными проблемами и рекомендациями
• Повторная проверка после фиксов
• Документация по тестовому покрытию и CI-интеграция
• Обучение команды заказчика работе с отчётом
• Поддержка по результатам тестирования

Сроки

Более 5 лет на рынке, 50+ протестированных проектов, все инженеры имеют веб-сертификацию Битрикс. Стоимость рассчитывается индивидуально и зависит от сложности проекта. Закажите кроссбраузерное тестирование в рамках предрелизного аудита — это сэкономит бюджет на пост-релизных фиксах. Получите консультацию по матрице тестирования для вашего проекта. Свяжитесь с нами, чтобы запланировать тестирование.

CIBlockElement::GetList и пагинация — баг, который живёт годами

Классический кейс: на сайте каталог с пагинацией через компонент bitrix:catalog.section. Заказчик жалуется — на третьей странице дублируются товары. Лезешь в кеш компонента, чистишь — вроде ок. Через день снова. Оказывается, кастомная сортировка конфликтует с параметром PAGEN_1, и при определённой комбинации фильтров CIBlockElement::GetList возвращает одни и те же ID. Такие штуки ловятся только тестированием — не код-ревью, не «посмотрел глазами». Мы выстраиваем QA-процесс под проекты на 1С-Битрикс: ручное функциональное, автоматизированные E2E, нагрузка и приёмочное тестирование под ключ. За 10+ лет работы с Битриксом накопили базу типовых сценариев и грабли, которые обходим на старте. Свяжитесь с нами — пришлём тест-план в течение двух дней.

Проекты на 1С-Битрикс — не лендинги. Под капотом — десятки модулей, интеграции и неочевидные зависимости. Цепочки в бизнес-логике — поправил расчёт скидок в sale.discount, а промокод через sale.basket.discount перестал применяться. Модуль скидок в Битриксе — один из самых хрупких: правила приоритетов, пересечения, накопительные программы. Одна правка — каскад сбоев. Интеграция с 1С — обмен через catalog.import.1c или REST. Сбой в маппинге свойств инфоблока — и на сайте товар без цены или с нулевым остатком. Рассинхронизация заказов — потерянные продажи. Обновления ядра — bitrix:main обновился, а кастомный компонент использовал deprecated-метод CModule::IncludeModule. Без регрессии — русская рулетка. Мультибраузерность — bitrix:sale.order.ajax рендерит формы по-разному в Safari и Chrome. Кнопка «Оформить заказ» на iPhone может уехать за пределы экрана.

Как тестирование на Битриксе предотвращает потерю заказов

Конкретный пример: магазин с оборотом 5 млн/мес. Сломанная корзина за выходные — потери могут достигать 2 000 000 ₽. Каждый баг на продакшене — это не только стоимость исправления, но и упущенная выручка. Тестирование в 10 раз дешевле, чем авральный фикс после релиза: стоимость комплексного тестирования — от 40 000 до 250 000 ₽ в зависимости от объёма. Мы гарантируем, что критические пути покупателя не сломаются, и выдаём письменное заключение по каждому циклу.

Что включает функциональное тестирование

Проверяем каждый бизнес-сценарий. Не «работает-не работает», а все граничные случаи.

Каталог (компоненты catalog.section, catalog.element)

• Умный фильтр catalog.smart.filter: все комбинации свойств, сброс, подсчёт результатов. Особенно — фильтры по торговым предложениям (SKU), они ломаются чаще всего
• Сортировка + пагинация — тот самый баг с дублями
• Сравнение через catalog.compare.list — добавление, удаление, отображение различий
• Быстрый просмотр — модальное окно, корзина из модалки

Корзина и заказ (sale.basket.basket, sale.order.ajax)

• Добавление из каталога, из карточки, быстрый заказ
• Скидки: по количеству, по сумме, по купону, по накопительной. Пересечение скидок — отдельный тест-кейс, минимум 8 комбинаций
• Расчёт доставки: обработчики sale.delivery.services, стоимость, сроки, ПВЗ на карте
• Оплата: sale.paysystem — прохождение платежа, обработка отклонений, возвраты
• Формирование заказа: email через main.mail.event, запись в CRM, передача в 1С через sale.export.1c

Личный кабинет (sale.personal.section)

• Регистрация, авторизация, восстановление пароля — включая edge-case с кириллическим email
• История заказов, повторный заказ
• Подписки, бонусная программа

Формы и поиск

• form.result.new / iblock.element.add.form — отправка, валидация, файловые поля
• search.page — релевантность, морфология, обработка опечаток через search.title

Почему регрессионное тестирование критично для Битрикс-проектов

После каждого деплоя проверяем, не сломали ли то, что работало.

• Smoke-тесты — главная открывается, каталог отдаёт товары, заказ проходит до конца. 5 минут, запускаем после каждого деплоя. Если smoke упал — откатываем, не разбираясь.
• Регрессионный набор — 40–80 тест-кейсов по основным сценариям. Перед каждым релизом.
• Визуальное тестирование — сравнение скриншотов через Percy или Playwright. Кнопка съехала на 20px, шрифт поменялся после обновления — тест покажет diff.
• Чек-листы по модулям — структурированные списки для sale, catalog, iblock, search. Каждый модуль — свой чек-лист.

Нагрузочное тестирование

Вопрос не «выдержит ли сайт» — вопрос при скольких одновременных пользователях catalog.section начнёт отдавать 500-ку.

Профиль нагрузки для магазина на Битрикс:

Инструменты:

• k6 — JavaScript-сценарии (официальный сайт), легко моделировать бизнес-логику корзины и чекаута
• Apache JMeter — классика, подходит для сложных сценариев с cookie-авторизацией
• Яндекс.Танк — визуализация в реальном времени, интеграция с Overload

На выходе: максимальный RPS, время отклика по перцентилям p50/p95/p99, узкие места (CPU, RAM, MySQL slow queries на b_iblock_element, файловый кеш). Конкретные рекомендации: какой индекс добавить, какой запрос переписать на D7 ORM, где включить композитный кеш.

Что входит в работу по тестированию

Мы передаём заказчику полный комплект deliverables:

• Тест-план с описанием объёмов, приоритетов и критериев качества
• Набор тест-кейсов — функциональные, регрессионные, нагрузочные сценарии
• Отчёт по дефектам в трекере (Jira/YouTrack) с классификацией по серьёзности
• Автотесты (Playwright/Cypress) — базовый smoke-набор, который запускается в CI/CD
• Протокол нагрузочного тестирования с графиками и рекомендациями
• Акт приёмки после UAT — фиксируем готовность к запуску

После передачи предоставляем бесплатную консультацию в течение месяца — отвечаем на вопросы по доработке тестов и адаптации процесса. Закажите тестирование — получите полный пакет документов и автотесты.

Кроссбраузерное тестирование

Проверяем там, где реально сидят покупатели. Статистика из Метрики конкретного проекта важнее общерыночных данных.

Минимальный набор:

• Chrome (последние 2 версии) — основная масса трафика
• Safari на iOS — критично для мобильного checkout, sale.order.ajax часто ведёт себя непредсказуемо
• Яндекс.Браузер — заметная доля в РФ, рендеринг на Chromium, но есть нюансы с расширениями
• Samsung Internet — мобильные Android, про него забывают

Устройства:

• Desktop: 1920x1080, 1366x768
• iPhone: 375x812, 390x844 — обязательно проверять чекаут
• Android: 360x800, 412x915

Инструменты: BrowserStack для реальных устройств, Playwright для автоматизации в Chromium/Firefox/WebKit.

Автоматизация

Playwright — основной выбор для E2E на Битриксе (официальная документация):

• Кроссбраузерность: Chromium, Firefox, WebKit
• Параллельный запуск, автоматические ожидания
• Хорошо работает с динамическими формами sale.order.ajax
• Поддержка мобильных viewport и геолокации

Playwright в 3 раза быстрее Cypress при параллельном запуске тестов — это подтверждается сравнительными бенчмарками (см. Playwright vs Cypress Performance Comparison на Wikipedia).

Cypress:

• Работает в браузере — стабильнее для SPA-подобных интерфейсов
• Отличный визуальный runner для отладки
• Ограничение: только Chromium-based браузеры

PHPUnit для кастомного кода:

• Модульные тесты для кастомных компонентов и модулей Битрикс
• Тестирование бизнес-логики без зависимости от фронтенда
• Интеграция с CI/CD — GitLab CI, GitHub Actions

UAT — приёмочное тестирование

Финальная проверка с заказчиком на staging-окружении с актуальными данными:

• Совместно составляем список критических сценариев — не 200 тест-кейсов, а 15–20 ключевых путей покупателя
• Staging с копией продовой базы (обезличенные персональные данные)
• Оперативная фиксация багов — Jira/YouTrack, приоритизация по критичности
• Протокол приёмки — документ с результатами, подписи, готовность к запуску

Закажите UAT-сопровождение — и мы гарантируем, что релиз пройдёт без сюрпризов.

QA-процесс

Тестирование встроено в разработку, не приклеено в конце:

1. Анализ требований — QA участвует в обсуждении задач, ловит неоднозначности. «Скидка применяется к товару или к заказу?» — такой вопрос на старте экономит два дня отладки
2. Тест-кейсы до разработки — сценарии готовы до первой строки кода
3. Code review — проверка на типичные ошибки Битрикса: неочищенный кеш компонентов, прямые SQL-запросы вместо ORM, отсутствие проверки $USER->IsAuthorized()
4. Функциональное → регрессионное → деплой
5. Мониторинг после релиза — ошибки в bitrix/error.log, метрики в Метрике, алерты по 500-м

Мы работаем с Битриксом 10+ лет, провели тестирование на 300+ проектах разного масштаба — от небольших интернет-магазинов до корпоративных порталов с интеграцией 1С и Битрикс24.

Сроки

Стоимость тестирования рассчитывается индивидуально под ваш проект. Свяжитесь с нами — оценим объём работ за один рабочий день. Получите предварительный расчёт и тест-план бесплатно.