Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Visual regression tests #519

Open
wants to merge 7 commits into
base: dev
Choose a base branch
from
Open

Visual regression tests #519

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
f301d9e
Add visual tests.
holmesconan Jun 30, 2017
754f1a6
Update tests.
holmesconan Jul 1, 2017
5f184c7
Update visual tests script.
holmesconan Jul 1, 2017
9e64af3
Update PhantomCSS init configs.
holmesconan Jul 7, 2017
6ff116d
Add tests for login.html, index.html, index2.html, index3.html
holmesconan Jul 7, 2017
6c5062f
Add visual tests for forms.
holmesconan Jul 8, 2017
033dd5c
Done static page tests.
holmesconan Jul 9, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
nbproject
npm-debug.log
node_modules
.sass-cache
.sass-cache
tests/screenshots/
tests/failures/
tests/screenshots/*.fail.png
tests/screenshots/*.diff.png
6 changes: 3 additions & 3 deletions build/js/custom.min.js
View file
Open in desktop

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion gulpfile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,7 @@ gulp.task('sass-minify', function() {

gulp.task('browser-sync', function() {
browserSync.init({
notify: false,
server: {
baseDir: './'
},
Expand All @@ -57,4 +58,4 @@ gulp.task('watch', function() {
});

// Default Task
gulp.task('default', ['browser-sync', 'watch']);
gulp.task('default', ['browser-sync', 'watch']);
10 changes: 8 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"version": "1.3.0",
"description": "Gentelella Admin is a free to use Bootstrap admin template",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
"test": "casperjs test tests/visual-regression-tests.js"
},
"repository": {
"type": "git",
Expand Down Expand Up @@ -32,11 +32,17 @@
"homepage": "https://github.com/puikinsh/gentelella#readme",
"devDependencies": {
"browser-sync": "^2.12.10",
"casperjs": "^1.1.4",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.0",
"gulp-concat": "^2.6.0",
"gulp-rename": "^1.2.2",
"gulp-ruby-sass": "^2.0.6",
"gulp-uglify": "^1.5.3"
"gulp-uglify": "^1.5.3",
"phantomcss": "^1.1.5",
"phantomjs-prebuilt": "^2.1.14"
},
"dependencies": {
"phantomflow": "^1.1.5"
}
}
12 changes: 6 additions & 6 deletions production/chartjs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -289,7 +289,7 @@ <h3>Chart Js <small>Some examples to get you started</small></h3>

<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="line-graph">
<div class="x_title">
<h2>Line graph<small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -316,7 +316,7 @@ <h2>Line graph<small>Sessions</small></h2>
</div>

<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="bar-graph">
<div class="x_title">
<h2>Bar graph <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -345,7 +345,7 @@ <h2>Bar graph <small>Sessions</small></h2>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="radar">
<div class="x_title">
<h2>Radar <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -372,7 +372,7 @@ <h2>Radar <small>Sessions</small></h2>
</div>

<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="donut-graph">
<div class="x_title">
<h2>Donut Graph <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -401,7 +401,7 @@ <h2>Donut Graph <small>Sessions</small></h2>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pie-graph-chart">
<div class="x_title">
<h2>Pie Graph Chart <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -428,7 +428,7 @@ <h2>Pie Graph Chart <small>Sessions</small></h2>
</div>

<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pie-area-graph">
<div class="x_title">
<h2>Pie Area Graph <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down
12 changes: 6 additions & 6 deletions production/chartjs2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -289,7 +289,7 @@ <h3>Chart Js <small>Some examples to get you started</small></h3>

<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="line-graph">
<div class="x_title">
<h2>Line Graph <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -316,7 +316,7 @@ <h2>Line Graph <small>Sessions</small></h2>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="bar-graph">
<div class="x_title">
<h2>Bar Graph <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -343,7 +343,7 @@ <h2>Bar Graph <small>Sessions</small></h2>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="donut-graph">
<div class="x_title">
<h2>Donut Chart Graph <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -370,7 +370,7 @@ <h2>Donut Chart Graph <small>Sessions</small></h2>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="radar">
<div class="x_title">
<h2>Radar Chart <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -397,7 +397,7 @@ <h2>Radar Chart <small>Sessions</small></h2>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pie-area-chart">
<div class="x_title">
<h2>Pie Area Chart <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand All @@ -424,7 +424,7 @@ <h2>Pie Area Chart <small>Sessions</small></h2>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pie-graph-chart">
<div class="x_title">
<h2>Pie Chart Graph <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down
2 changes: 1 addition & 1 deletion production/e_commerce.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -292,7 +292,7 @@ <h3>E-commerce :: Product Page</h3>

<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="e-commerce-page-design">
<div class="x_title">
<h2>E-commerce page design</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down
24 changes: 12 additions & 12 deletions production/echarts.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -289,7 +289,7 @@ <h3>Echarts <small>Some examples to get you started</small></h3>

<div class="row">
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="bar-graph">
<div class="x_title">
<h2>Bar Graph</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -318,7 +318,7 @@ <h2>Bar Graph</h2>
</div>

<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="mini-pie">
<div class="x_title">
<h2>Mini Pie</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -348,7 +348,7 @@ <h2>Mini Pie</h2>


<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pie-graph">
<div class="x_title">
<h2>Pie Graph</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -377,7 +377,7 @@ <h2>Pie Graph</h2>
</div>

<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pie-area">
<div class="x_title">
<h2>Pie Area</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -406,7 +406,7 @@ <h2>Pie Area</h2>
</div>

<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="donut-graph">
<div class="x_title">
<h2>Donut Graph</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -436,7 +436,7 @@ <h2>Donut Graph</h2>


<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="scatter-graph">
<div class="x_title">
<h2>Scatter Graph</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -465,7 +465,7 @@ <h2>Scatter Graph</h2>
</div>

<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="line-graph">
<div class="x_title">
<h2>Line Graph</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -494,7 +494,7 @@ <h2>Line Graph</h2>
</div>

<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="horizontal-bar">
<div class="x_title">
<h2>Horizontal Bar</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -523,7 +523,7 @@ <h2>Horizontal Bar</h2>
</div>

<div class="col-md-8 col-sm-8 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="world-map">
<div class="x_title">
<h2>World Map</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -553,7 +553,7 @@ <h2>World Map</h2>


<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pyramid">
<div class="x_title">
<h2>Pyramid</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -582,7 +582,7 @@ <h2>Pyramid</h2>
</div>

<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="sonar">
<div class="x_title">
<h2>Sonar</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -612,7 +612,7 @@ <h2>Sonar</h2>


<div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="guage">
<div class="x_title">
<h2>Guage</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down
22 changes: 11 additions & 11 deletions production/form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,7 +299,7 @@ <h3>Form Elements</h3>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="form-design-1">
<div class="x_title">
<h2>Form Design <small>different form elements</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -367,7 +367,7 @@ <h2>Form Design <small>different form elements</small></h2>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<button class="btn btn-primary" type="button">Cancel</button>
<button class="btn btn-primary" type="reset">Reset</button>
<button class="btn btn-primary" type="reset">Reset</button>
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
Expand All @@ -380,7 +380,7 @@ <h2>Form Design <small>different form elements</small></h2>

<div class="row">
<div class="col-md-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="form-design-2">
<div class="x_title">
<h2>Form Design <small>different form elements</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -453,7 +453,7 @@ <h2>Form Design <small>different form elements</small></h2>
<div class="form-group">
<div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
<button type="button" class="btn btn-primary">Cancel</button>
<button class="btn btn-primary" type="reset">Reset</button>
<button class="btn btn-primary" type="reset">Reset</button>
<button type="submit" class="btn btn-success">Submit</button>
</div>
</div>
Expand All @@ -462,7 +462,7 @@ <h2>Form Design <small>different form elements</small></h2>
</div>
</div>

<div class="x_panel">
<div class="x_panel" data-test="star-rating">
<div class="x_title">
<h2>Star Rating</h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -495,7 +495,7 @@ <h4>Star Ratings<small> Hover and click on a star</small></h4>
</div>
</div>

<div class="x_panel">
<div class="x_panel" data-test="registration-form">
<div class="x_title">
<h2>Registration Form <small>Click to validate</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -572,7 +572,7 @@ <h2>Registration Form <small>Click to validate</small></h2>
</div>

<div class="col-md-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="form-basic-elements">
<div class="x_title">
<h2>Form Basic Elements <small>different form elements</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -891,7 +891,7 @@ <h2>Form Basic Elements <small>different form elements</small></h2>


<div class="col-md-6 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="form-buttons">
<div class="x_title">
<h2>Form Buttons <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -973,7 +973,7 @@ <h2>Form Buttons <small>Sessions</small></h2>
</div>

<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="text-areas">
<div class="x_title">
<h2>Text areas<small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -1082,7 +1082,7 @@ <h2>Text areas<small>Sessions</small></h2>
</div>
</div>

<div class="x_panel">
<div class="x_panel" data-test="form-input-grid">
<div class="x_title">
<h2>Form Input Grid <small>form input </small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down Expand Up @@ -1227,7 +1227,7 @@ <h2>Form Input Grid <small>form input </small></h2>
</div>


<div class="x_panel">
<div class="x_panel" data-test="form-design-3">
<div class="x_title">
<h2>Form Design <small>different form elements</small></h2>
<ul class="nav navbar-right panel_toolbox">
Expand Down
Loading