@antistatique/retraitespopulaires-styleguide
Advanced tools
Changelog
3.2.8 (2018-11-26)
Readme
Retraites Populaires Styleguide.
$ npm init
$ npm login
$ yarn install --save @antistatique/retraitespopulaires-styleguide
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/build/css/vendors.min.css">
<link rel="stylesheet" href="/build/css/main.css">
</head>
<body>
<!-- bottom scripts -->
<script src="//code.jquery.com/jquery-2.2.4.min.js" crossorigin="anonymous"></script>
<script src="/build/js/vendors.min.js"></script>
<!-- Include this script if you want to use the organic lines -->
<script src="/build/js/MorphSVGPlugin.min.js"></script>
<script src="/build/js/bundle.js"></script>
</body>
</html>
First of all, you need to have the following tools installed globally on your environment:
$ npm install
$ npm run build
The git repository of Retraites Populaires is:
$ git remote add rp ssh://git@webbucket:7999/sp/styleguide.git
You will need some global dependencies such as:
$ npm install -g metalsmith
First you have to launch Gulp to watch your files
$ npm start
To then access the styleguide, go to http://localhost:3000/retraitespopulaires-styleguide/ (/retraitespopulaires-styleguide/ is added here because the styleguide is published on npm)
To test all components against what they should look like, we use Gemini, a utility for visual regression testing.
Installation
You have to install some modules globally
$ yarn add global gemini gemini-babel gemini-gui selenium-standalone
# then install selenium-standalone
$ selenium-standalone install
Generate references
Once a component has been updated and validated, you can regenerate the reference screenshot by running this in your project root:
# first start selenium-standalone
$ selenium-standalone start
# then update gemini tests ONLY for one component!
$ gemini update --grep [name-of-component]
If this is a new component, you have to add it to the gemini-config.json file first, or create a custom test suite in the /gemini directory.
We will be implementing interaction testing and responsive soon. The branch feature/regression-testing is used as a point of reference for the first draft. You must cherry-pick any changes you make elsewhere in the gemini config before updating the screenshots.
Gemini GUI
Gemini provides a useful UI that you can run in your project root with:
$ gemini-gui gemini
You can then run tests and approve them on the fly.
The deployment of branch dev and master is managed yourself and publish on NPM!
# You need to create a new realease using git flow
$ git flow release start 0.0.1
# Make some last minutes changes and prepare your realease and edit CHANGELOG.md file!
$ git flow release finish -p 0.0.1
# Publish on NPM your last release
$ npm publish
$ gulp --ghpages && gulp deploy
FAQs
Retraites Populaires Styleguide.
We found that @antistatique/retraitespopulaires-styleguide demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA launched a new project called Vulnrichment to enrich CVEs with details that help prioritize patching and mitigation efforts, as the NVD backlog of unenriched CVEs awaiting analysis surpasses 10,000.
Security News
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.