20000 Lieues Sous les Mers

Lition, написанный на React.js

Artur Basak
Jun 26, 2018 · 14 min read
https://www.lition.io/team — Technology Team
https://www.lition.io — Expansion

О проекте

Архитектура клиента: React.js + Redux

Страница выбора провайдера энергии
Путь к файлу в проекте /src/components/Button/Button.js
Путь к файлу в проекте /src/containers/Producer/Producer.js
Путь к файлу в проекте /src/action_performers/producers.js
Путь к файлу в проекте /src/services/api/producers.js
Путь к файлу в проекте /src/store/dispatcher.js
Путь к файлу в проекте /src/store/singletonStore.js
Путь к файлу в проекте /src/store/index.js
Путь к файлу в проекте /src/reducers/producers.js
Путь к файлу в проекте /src/containers/Producer/Producer.js
Путь к файлу в проекте /src/containers/Producer/Producer.js
Главная страница. Нотификация о том, что провайдер был изменен и соответствующая транзакция была сохранена.
Select Producer (Mobile Layout)
Lition Front-End UDF Diagram
Путь к файлу в проекте /src/containers/AbstractContainer/AbstractContainer.js
Путь к файлу в проекте /src/providers/LocalizationProvider/LocalizationProvider.js
Путь к файлу в проекте /src/components/MetaMaskAlert/MetaMaskAlert.js
Элемент управления изменением локали/языка

Разметка: Семантический HTML и WAI-ARIA

RecentTransactions Component (Brave browser)
RecentTransactions Component (Source)
HeaderButton Component (Source)
MyProducer Container Component (Source)

Разметка: CSS Only

Mobile Lyout
Вариация страницы Login для планшетов (Mozilla Firefox browser)
Lition Tablet Layout
Lition Mobile Layout

Модный и хайповый Blockchain

MetaMask in Brave browser
Путь к файлу в проекте /src/action_performers/transactions.js
Direct Trading Page (without MetaMask)

Тестирование: Unit and System Tests

SN — это один из наших прошлых проектов, Lition — текущий

Тестирование: E2E and Headless Chrome

Путь к файлу в проекте /e2e/page_objects/producer.js
Путь к файлу в проекте /e2e/page_object/common/abstract.js
Путь к файлу в проекте /e2e/__tests__/buyEnergy.test.js
Команды запуска e2e-тестов

Документация


Серия статей на английском языке

Похожие статьи

Front-end in regions. Grodno. Belarus

Notes and articles about web, front-end and automated tests.

Artur Basak

Written by

Lead Programmer, UI Engineer at *instinctools EE Labs. Passionate about Web, Human-Computer Interaction and Automated Testing.

Front-end in regions. Grodno. Belarus

Notes and articles about web, front-end and automated tests.