• Stars
    star
    443
  • Rank 98,504 (Top 2 %)
  • Language
    JavaScript
  • License
    Mozilla Public Li...
  • Created over 10 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

JavaScript tool for comfortable manual testing of markup

English | Русский

Makeup logo

Build Status Gitter

What Is Makeup?

Makeup is a tool for development and comfortable quality assurance of markup on web projects. You'll certainly find it useful if your design is based on independent blocks and you prioritize stability and reliability.

Makeup is a JavaScript library. It provides visual interface for isolated development and quick manual regression testing of web pages, built from independent blocks.

Check out the interactive Makeup promotion site!

Why Should I Use Makeup?

Makeup allows you to:

  • Compare page design with the sample layout,
  • Monitor blocks for modifications and mismatching content,
  • Develop isolated blocks with ease.

Examples

Features of Makeup can be seen on the Makeup demo page.

Examples can be found in the demo/ subfolder. Just open any .html file in your browser.

Keyboard Shortcuts

Makeup has convenient keyboard shortcuts – see the cheatsheet.

How Do I Use Makeup?

Makeup Express

Express version of Makeup can be launched on any website except those with HTTP header content-security-policy. To use it, run the following script from the developer tools console of your browser:

var s=document.createElement('script');
s.src ="//2gis.github.io/makeup/autoload/script.js";
document.body.appendChild(s);

Quick Start With Makeup

  1. Make a web page with all resourses of your page's layout (markup, styles and images):

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>Makeup</title>
        <link rel="stylesheet" href="style.css"> <!-- project styles -->
    </head>
    <body>
        <button class="button">My button</button> <!-- markup -->
    </body>
    </html>
  2. Link the Makeup script and styles files to your page:

     <!DOCTYPE html>
     <html>
     <head>
         <title>Makeup</title>
         <link rel="stylesheet" href="style.css">
         <script src="makeup.js"></script><!-- Makeup -->
         <link rel="stylesheet" href="makeup.css"> <!-- Makeup styles -->
     </head>
     <body>
         <div style="display: none;">
             <button class="button">My button</button>
         </div>
     </body>
     </html>
  3. Initialize the Makeup

    Makeup(params, templating);

    See the full reference on initialization data format.

Development

You are welcome to take part in the development of Makeup. To start working, follow the instruction:

  1. Make sure that you have nodejs, npm and gulp installed.

  2. Fork this repository and clone your fork:

    git clone [email protected]:<your_name>/makeup.git
    cd makeup

    To commit your contribution, make a pull request (use the GitHub Flow).

    You can also clone this repository directly, but then you won't be able to push to it or make pull requests:

    git clone [email protected]:2gis/makeup.git
    cd makeup
  3. Launch Makeup with

    npm i
    npm start

    Demo page will then be available at http://localhost:3333/demo.

License

Makeup is published under the Mozilla Public License, version 2.0.

node-makeup

A project named "node-makeup" had been published in npm under the name "makeup" till 23.10.2015. You can find it at defunctzombie/node-makeup.

More Repositories

1

Winium.Desktop

Winium.Desktop is Selenium Remote WebDriver implementation for automated testing of Windows application based on WinFroms and WPF platforms.
C#
402
star
2

Winium

Automation framework for Windows platforms
C#
382
star
3

mapsapi

Карты 2ГИС — это точные данные обо всех объектах города, включая новостройки, с детализацией до заборов и внутриквартальных проездов.
JavaScript
205
star
4

partition_magic

Скрипт-сниппет для Postgresql на plpgsql, позволяющий лёгко, быстро и просто создавать партицированные таблицы в вашем проекте, а также изменять, добавлять и удалять данные.
PLpgSQL
200
star
5

k8s-handle

Easy CI/CD for Kubernetes clusters with python and jinja2
Python
170
star
6

Winium.Cruciatus

C# Framework for automated testing of Windows application based on WinFroms and WPF platforms.
C#
137
star
7

qtandroidextensions

Qt Android Helpers and Native Views
C++
101
star
8

Battlegis

Движок для создания танков на js
JavaScript
100
star
9

slot

JavaScript фреймворк, позволяющий быстро и просто создавать модульные изоморфные приложения.
JavaScript
86
star
10

photor

jQuery photo gallery.
JavaScript
76
star
11

stf-utils

Utils for Open Smartphone Test Farm (OpenSTF)
Python
53
star
12

Winium.Mobile

Winium.Mobile is Selenium Remote WebDriver implementation for automated testing of Windows StoreApps and Silverlight apps, tested on emulators (currently only Windows Phone/Mobile apps are supported).
C#
51
star
13

RiftJS

JS-фреймворк для написания изоморфных приложений со сложной бизнес-логикой и высокосвязными интерфейсами
JavaScript
33
star
14

mock-geolocation

Mock for navigator.geolocation
JavaScript
28
star
15

2gis-maps-react

[DEPRECATED] React component for 2gis-maps
JavaScript
22
star
16

rader

Range slider
JavaScript
20
star
17

iOS-SDKs-for-tiles

JavaScript
20
star
18

2gl

WebGL library for 2gis projects
JavaScript
20
star
19

badger

Open-source tool for monitoring product quality.
JavaScript
16
star
20

geoloc

Оболочка для удобного получения данных о позиции пользователя от разных провайдеров.
JavaScript
16
star
21

webapi-democlient

This simple application, based on top of Yii PHP framework, shows the basic capabilities of DoubleGIS web API.
PHP
16
star
22

mobile-sdk-android-demo

Kotlin
16
star
23

winphonedriver

DEPRECATED Please see https://github.com/2gis/Winium.Mobile for latests releases. Selenium Driver for automated testing of Windows Phone 8.1 Silverlight applications.
C#
14
star
24

MapGL-iOS

2GIS Maps SDK for iOS
Swift
14
star
25

2gisqt5android

Qt5 with patches for Android by 2GIS
13
star
26

mobile-sdk-ios-demo

Swift
13
star
27

kafka-connect-hdfs-ext

Set of extensions for kafka connect hdfs
Java
12
star
28

uniassert

The uniassert library is a small collection of useful macros.
C++
12
star
29

Winium.Elements

Winium.Elements is a set of extensions for WebDriver Clients Bindings providing easy-to-use way of interacting with desktop-specific UI elements in Windows Desktop apps tested with Winium.Desktop.
C#
12
star
30

vmmaster

Automatic virtual machines manager for selenium-based testing
Python
10
star
31

Winium.StoreApps.CodedUi

Prototype of Winium.StoreApps driver using CodedUI. Implements JsonWireProtocol for automation of Windows Phone applications
C#
10
star
32

on-premise-helm-charts

Smarty
10
star
33

badger-api

Open source backend service (REST API) for Badger
Python
10
star
34

i18n-json-po

Json to POT converter
TypeScript
9
star
35

MapGL-Android

Kotlin
9
star
36

contesto

Framework for writing functional selenium-based tests
Python
9
star
37

loggo

Go
8
star
38

2fingers

simple PHP framework for REST API black-box functional testing
PHP
8
star
39

general

Fast marker generalization algorithm
TypeScript
8
star
40

reactive-zmq

The Akka Streams based ZMQ client.
Scala
8
star
41

2gis-materials

Демо-проект на базе API карт 2ГИС с использованием плагина для leaflet heatmap.js.
JavaScript
7
star
42

mapgl-react-app

TypeScript
7
star
43

markerdrawer

Library for fast drawing a huge amount of markers
TypeScript
6
star
44

webapi-client

PHP библиотека к API 2Гис
PHP
6
star
45

lode_runner

Patched nosetests test runner for better python testing. Made to run with unittest standard library.
Python
6
star
46

pytestrail

Binding for TestRail API
Python
5
star
47

tiny-map

A tiny script for displaying a static map with tiles
JavaScript
5
star
48

i18n-po-json

TypeScript
4
star
49

MarkerGeneralizationPlugin

Provides custom marker generalization for 2gis maps and Leaflet.
JavaScript
4
star
50

whalestack

Python
4
star
51

httpsrvvcr

HTTP VCR Server
Python
4
star
52

dali

Selenium-based tool for capturing and comparing screenshots.
Python
4
star
53

isomorphic-react-starter-kit

Base project to start develop isomorphic react-project
JavaScript
4
star
54

mobile-sdk-map-swift-package

Ruby
4
star
55

cartoshka

CartoCSS parser for Java (JVM)
Java
4
star
56

mapgl-gltf

Three.js plugin for @2gis/mapgl
TypeScript
3
star
57

mapgl-examples

Examples of using MapGL API
JavaScript
3
star
58

k8s-handle-example

Example with config and templates for k8s-handle
Dockerfile
3
star
59

dgKoModulizer

Knockout.js extension for module oragnization.
JavaScript
3
star
60

slot-bro

High-level browser extension framework
JavaScript
3
star
61

stex

i18n STrings EXtractor
TypeScript
3
star
62

2gis-schedule

Library for simple work with 2gis schedule.
JavaScript
3
star
63

ext-elliptics

Yii Framework extension that provides methods to work with the Elliptics Network.
PHP
3
star
64

floors-widget-constructor

Constructor for Floors Widget
JavaScript
3
star
65

WindowsPhone.Controls

C#
2
star
66

surt

Smart suggest
JavaScript
2
star
67

mapgl-utils

Utility funtions to use with MapGL API
TypeScript
2
star
68

cross-domain-analytics

JavaScript
2
star
69

mobile-sdk-full-swift-package

Ruby
2
star
70

maps-api-2.0-promo-site

maps-api-2.0-promo-site
JavaScript
2
star
71

vmmaster-frontend

Overview vmmaster session and tests specific info
JavaScript
2
star
72

android-SDKs-for-tiles

JavaScript
2
star
73

deck2gisLayer

Use DeckGL with 2gis api
TypeScript
2
star
74

CTF2024

Решения задач внутреннего CTF в 2024 году
Go
2
star
75

patronum

The framework for service-testing
C#
1
star
76

native-sdk-ios-swift-package

Swift
1
star
77

gulp.bless

Gulp plugin for CSS Post-Processor Bless
CSS
1
star
78

android-tile-provider-for-2gis

Java
1
star
79

prorab

Web worker abstraction library
TypeScript
1
star
80

vmmaster-client

Client for vmmaster extended API
Python
1
star
81

iOS-floors-widget-demo

Swift
1
star
82

vmmaster-agent

Agent to make things like taking a screenshot or running a command, etc. Should be installed to virtual machine to integrate with vmmaster
Python
1
star
83

migraptor

Утилита для управления миграциями данных, структур, схем, процедур, представлений и т.п. для баз данных проектов, реализованных на Yii 1
PHP
1
star
84

mapgl-ruler

Ruler plugin for @2gis/mapgl
TypeScript
1
star