jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

Done static page tests.

pull/519/head
Holmes Conan 2017-07-09 19:24:30 +08:00
parent 6c5062f927
commit 033dd5cb0d
23 changed files with 294 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
build/js/custom.min.js vendored
View File

File diff suppressed because one or more lines are too long

12
production/chartjs.html
View File

@ -289,7 +289,7 @@
<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">
@ -316,7 +316,7 @@
</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">
@ -345,7 +345,7 @@
<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">
@ -372,7 +372,7 @@
</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">
@ -401,7 +401,7 @@
<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">
@ -428,7 +428,7 @@
</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">

12
production/chartjs2.html
View File

@ -289,7 +289,7 @@
<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">
@ -316,7 +316,7 @@
</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">
@ -343,7 +343,7 @@
</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">
@ -370,7 +370,7 @@
</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">
@ -397,7 +397,7 @@
</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">
@ -424,7 +424,7 @@
</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">

2
production/e_commerce.html
View File

@ -292,7 +292,7 @@
<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">

24
production/echarts.html
View File

@ -289,7 +289,7 @@
<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">
@ -318,7 +318,7 @@
</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">
@ -348,7 +348,7 @@
<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">
@ -377,7 +377,7 @@
</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">
@ -406,7 +406,7 @@
</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">
@ -436,7 +436,7 @@
<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">
@ -465,7 +465,7 @@
</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">
@ -494,7 +494,7 @@
</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">
@ -523,7 +523,7 @@
</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">
@ -553,7 +553,7 @@
<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">
@ -582,7 +582,7 @@
</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">
@ -612,7 +612,7 @@
<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">

34
production/general_elements.html
View File

@ -298,7 +298,7 @@
<div class="">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="tabs-1">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Tabs <small>Float left</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -352,7 +352,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="tabs-2">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Tabs <small>Float right</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -405,7 +405,7 @@
<div class="clearfix"></div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="vertical-tabs-1">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Vertical Tabs <small>Float left</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -463,7 +463,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="vertical-tabs-2">
<div class="x_title">
<h2><i class="fa fa-bars"></i> Vertical Tabs <small>Float right</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -522,7 +522,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="collapsible-1">
<div class="x_title">
<h2><i class="fa fa-align-left"></i> Collapsible / Accordion <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -619,7 +619,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="collapsible-2">
<div class="x_title">
<h2><i class="fa fa-align-left"></i> Collapsible / Accordion <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -720,7 +720,7 @@
<div class="">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="tooltips-1">
<div class="x_title">
<h2>Tooltips <small>Hover to view</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -767,7 +767,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="tooltips-2">
<div class="x_title">
<h2>Tooltips <small>Hover to view</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -805,7 +805,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="daily-active-users-1">
<div class="x_title">
<h2>Daily active users <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -891,7 +891,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="daily-active-users-2">
<div class="x_title">
<h2>Daily active users <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -925,7 +925,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="dropdowns">
<div class="x_title">
<h2><i class="fa fa-chevron-down"></i> Dropdowns <small>Multiple dropdown designs</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -1009,7 +1009,7 @@
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="modals">
<div class="x_title">
<h2><i class="fa fa-square-o"></i> Modals</h2>
<ul class="nav navbar-right panel_toolbox">
@ -1091,7 +1091,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="notifications">
<div class="x_title">
<h2><i class="fa fa-bell"></i> Notifications <small>Styled & Custom notifications</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -1262,7 +1262,7 @@
<div class="col-md-6">
<div class="x_panel">
<div class="x_panel" data-test="popovers">
<div class="x_title">
<h2>Pop Overs <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -1312,7 +1312,7 @@
<div class="col-md-6">
<div class="x_panel">
<div class="x_panel" data-test="progress-bar">
<div class="x_title">
<h2><i class="fa fa-align-left"></i> Progress bar<small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -1475,7 +1475,7 @@
<!-- Start to do list -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="simple-tasks">
<div class="x_title">
<h2>To Do List <small>Sample tasks</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -1532,7 +1532,7 @@
<div class="col-md-6">
<div class="x_panel">
<div class="x_panel" data-test="daily-active-users-3">
<div class="x_title">
<h2>Daily active users <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">

4
production/glyphicons.html
View File

@ -23,7 +23,7 @@
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col">
<div class="col-md-3 left_col">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
@ -289,7 +289,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="glyphicons">
<div class="x_title">
<h2>Glyphicons <small>different icon design elements</small></h2>
<ul class="nav navbar-right panel_toolbox">

2
production/icons.html
View File

@ -289,7 +289,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="font-awesome-icons">
<div class="x_title">
<h2>Font Awesome Icons <small>different icon design elements</small></h2>
<ul class="nav navbar-right panel_toolbox">

2
production/inbox.html
View File

@ -292,7 +292,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="inbox-design">
<div class="x_title">
<h2>Inbox Design<small>User Mail</small></h2>
<ul class="nav navbar-right panel_toolbox">

2
production/invoice.html
View File

@ -289,7 +289,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="invoice-design">
<div class="x_title">
<h2>Invoice Design <small>Sample user invoice design</small></h2>
<ul class="nav navbar-right panel_toolbox">

2
production/media_gallery.html
View File

@ -290,7 +290,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="media-gallery">
<div class="x_title">
<h2>Media Gallery <small> gallery design </small></h2>
<ul class="nav navbar-right panel_toolbox">

12
production/morisjs.html
View File

@ -292,7 +292,7 @@
<div class="row">
<!-- bar chart -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="bar-chart">
<div class="x_title">
<h2>Bar Charts <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -321,7 +321,7 @@
<!-- bar charts group -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="bar-chart-group-1">
<div class="x_title">
<h2>Bar Chart Group <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -351,7 +351,7 @@
<!-- bar charts group -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="bar-chart-group-2">
<div class="x_title">
<h2>Bar Chart Group <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -380,7 +380,7 @@
<!-- pie chart -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="pie-chart">
<div class="x_title">
<h2>Pie Chart <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -409,7 +409,7 @@
<!-- graph area -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="graph-area">
<div class="x_title">
<h2>Graph area <small>Sessions</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -438,7 +438,7 @@
<!-- line graph -->
<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">

2
production/other_charts.html
View File

@ -293,7 +293,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="other-graph-types">
<div class="x_title">
<h2>Other Graph types <small> Assorted graph types</small></h2>
<ul class="nav navbar-right panel_toolbox">

2
production/plain_page.html
View File

@ -290,7 +290,7 @@
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="plain-page">
<div class="x_title">
<h2>Plain Page</h2>
<ul class="nav navbar-right panel_toolbox">

2
production/pricing_tables.html
View File

@ -289,7 +289,7 @@
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height:600px;">
<div class="x_panel" style="height:600px;" data-test="pricing-tables">
<div class="x_title">
<h2>Pricing Tables Design</h2>
<ul class="nav navbar-right panel_toolbox">

2
production/profile.html
View File

@ -291,7 +291,7 @@
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="user-report">
<div class="x_title">
<h2>User Report <small>Activity report</small></h2>
<ul class="nav navbar-right panel_toolbox">

2
production/project_detail.html
View File

@ -291,7 +291,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="new-partner">
<div class="x_title">
<h2>New Partner Contracts Consultancy</h2>
<ul class="nav navbar-right panel_toolbox">

2
production/projects.html
View File

@ -291,7 +291,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="projects">
<div class="x_title">
<h2>Projects</h2>
<ul class="nav navbar-right panel_toolbox">

10
production/tables.html
View File

@ -291,7 +291,7 @@
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="basic-tables">
<div class="x_title">
<h2>Basic Tables <small>basic table subtitle</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -350,7 +350,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="stripped-table">
<div class="x_title">
<h2>Stripped table <small>Stripped table subtitle</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -410,7 +410,7 @@
<div class="clearfix"></div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="hover-rows">
<div class="x_title">
<h2>Hover rows <small>Try hovering over the rows</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -468,7 +468,7 @@
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="bordered-table">
<div class="x_title">
<h2>Boardered table <small>Bordered table subtitle</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -528,7 +528,7 @@
<div class="clearfix"></div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="table-design">
<div class="x_title">
<h2>Table design <small>Custom design</small></h2>
<ul class="nav navbar-right panel_toolbox">

12
production/tables_dynamic.html
View File

@ -297,7 +297,7 @@
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="default-example">
<div class="x_title">
<h2>Default Example <small>Users</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -798,7 +798,7 @@
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="plus-table-design">
<div class="x_title">
<h2>Plus Table Design</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -1473,7 +1473,7 @@
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="button-example">
<div class="x_title">
<h2>Button Example <small>Users</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -1974,7 +1974,7 @@
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="fixed-header-example">
<div class="x_title">
<h2>Fixed Header Example <small>Users</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -2475,7 +2475,7 @@
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="keytable-example">
<div class="x_title">
<h2>KeyTable example <small>Users</small></h2>
<ul class="nav navbar-right panel_toolbox">
@ -2983,7 +2983,7 @@
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_panel" data-test="responsive-example">
<div class="x_title">
<h2>Responsive example<small>Users</small></h2>
<ul class="nav navbar-right panel_toolbox">

2
production/typography.html
View File

@ -289,7 +289,7 @@
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_panel" data-test="typography">
<div class="x_title">
<h2>Typography <small>different design elements</small></h2>
<ul class="nav navbar-right panel_toolbox">

20
production/widgets.html
View File

@ -293,7 +293,7 @@
<div class="col-md-12">
<div class="">
<div class="x_content">
<div class="row">
<div class="row" data-test="row-1">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-caret-square-o-right"></i>
@ -336,7 +336,7 @@
</div>
</div>
<div class="row top_tiles" style="margin: 10px 0;">
<div class="row top_tiles" style="margin: 10px 0;" data-test="row-2">
<div class="col-md-3 tile">
<span>Total Sessions</span>
<h2>231,809</h2>
@ -373,7 +373,7 @@
<br />
<div class="row">
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel fixed_height_390">
<div class="x_panel fixed_height_390" data-test="tally-design-1">
<div class="x_title">
<h2>Tally Design</h2>
<ul class="nav navbar-right panel_toolbox">
@ -435,7 +435,7 @@
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel fixed_height_390">
<div class="x_panel fixed_height_390" data-test="sales-close">
<div class="x_title">
<h2>Sales Close</h2>
<ul class="nav navbar-right panel_toolbox">
@ -512,7 +512,7 @@
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel ui-ribbon-container fixed_height_390">
<div class="x_panel ui-ribbon-container fixed_height_390" data-test="user-mail">
<div class="ui-ribbon-wrapper">
<div class="ui-ribbon">
30% Off
@ -543,7 +543,7 @@
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel fixed_height_390">
<div class="x_panel fixed_height_390" data-test="panel-1">
<div class="x_content">
<div class="flex">
@ -590,7 +590,7 @@
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel">
<div class="x_panel" data-test="tally-design-2">
<div class="x_title">
<h2>Tally Design1</h2>
<ul class="nav navbar-right panel_toolbox">
@ -662,7 +662,7 @@
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel">
<div class="x_panel" data-test="tally-design-3">
<div class="x_title">
<h2>Tally Design2</h2>
<ul class="nav navbar-right panel_toolbox">
@ -733,7 +733,7 @@
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel">
<div class="x_panel" data-test="tally-design-4">
<div class="x_title">
<h2>Tally Design3</h2>
<ul class="nav navbar-right panel_toolbox">
@ -803,7 +803,7 @@
</div>
<div class="col-md-3 col-xs-12 widget widget_tally_box">
<div class="x_panel">
<div class="x_panel" data-test="tally-design-5">
<div class="x_title">
<h2>Tally Design4</h2>
<ul class="nav navbar-right panel_toolbox">

235
tests/visual-regression-tests.js
View File

@ -210,6 +210,213 @@ casper.test.begin('Gentelella visual tests', function (test) {
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="form-wizards"]', 'form_wizards-x_panel-form_wizards'); });
// TEST: general_elements.html
casper.thenOpen('http://localhost:3000/./production/general_elements.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="tabs-1"]', 'general_elements-x_panel-tabs-1'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tabs-2"]', 'general_elements-x_panel-tabs-2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="vertical-tabs-1"]', 'general_elements-x_panel-vertical_tabs_1'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="vertical-tabs-2"]', 'general_elements-x_panel-vertical_tabs_2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="collapsible-1"]', 'general_elements-x_panel-collapsible_1'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="collapsible-2"]', 'general_elements-x_panel-collapsible_2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tooltips-1"]', 'general_elements-x_panel-tooltips_1'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tooltips-2"]', 'general_elements-x_panel-tooltips_2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="daily-active-users-1"]', 'general_elements-x_panel-daily_active_user_1'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="daily-active-users-2"]', 'general_elements-x_panel-daily_active_user_2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="daily-active-users-3"]', 'general_elements-x_panel-daily_active_user_3'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="dropdowns"]', 'general_elements-x_panel-dropdowns'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="modals"]', 'general_elements-x_panel-modals'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="notifications"]', 'general_elements-x_panel-notifications'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="popovers"]', 'general_elements-x_panel-popovers'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="progress-bar"]', 'general_elements-x_panel-progress_bar'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="simple-tasks"]', 'general_elements-x_panel-simple_tasks'); });
// TEST: chartjs.html
casper.thenOpen('http://localhost:3000/./production/chartjs.html', function() {
// tests are below
casper.wait(2000, function() {});
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="line-graph"]', 'chartjs-x_panel-line_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="bar-graph"]', 'chartjs-x_panel-bar_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="radar"]', 'chartjs-x_panel-radar'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="donut-graph"]', 'chartjs-x_panel-donut_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-graph-chart"]', 'chartjs-x_panel-pie_graph_chart'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-area-graph"]', 'chartjs-x_panel-pie_area_graph'); });
// TEST: chartjs2.html
casper.thenOpen('http://localhost:3000/./production/chartjs2.html', function() {
// tests are below
casper.wait(2000, function() {});
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="line-graph"]', 'chartjs2-x_panel-line_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="bar-graph"]', 'chartjs2-x_panel-bar_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="donut-graph"]', 'chartjs2-x_panel-donut_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="radar"]', 'chartjs2-x_panel-radar'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-area-chart"]', 'chartjs2-x_panel-pie_area_chart'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-graph-chart"]', 'chartjs2-x_panel-pie_graph_chart'); });
// TEST: echarts.html
casper.thenOpen('http://localhost:3000/./production/echarts.html', function() {
// tests are below
casper.wait(2000, function() {});
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="line-graph"]', 'echarts-x_panel-line_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="bar-graph"]', 'echarts-x_panel-bar_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="mini-pie"]', 'echarts-x_panel-mini_pie'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-graph"]', 'echarts-x_panel-pie_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-graph"]', 'echarts-x_panel-pie_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-area"]', 'echarts-x_panel-pie_area'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="donut-graph"]', 'echarts-x_panel-donut_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="scatter-graph"]', 'echarts-x_panel-scatter_graph'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="horizontal-bar"]', 'echarts-x_panel-horizontal_bar'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="world-map"]', 'echarts-x_panel-world_map'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pyramid"]', 'echarts-x_panel-pyramid'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="sonar"]', 'echarts-x_panel-sonar'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="guage"]', 'echarts-x_panel-guage'); });
// TEST: morisjs.html
casper.thenOpen('http://localhost:3000/./production/morisjs.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="bar-chart"]', 'morisjs-x_panel-bar_chart'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="bar-chart-group-1"]', 'morisjs-x_panel-bar_chart_group_1'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="bar-chart-group-2"]', 'morisjs-x_panel-bar_chart_group_2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="pie-chart"]', 'morisjs-x_panel-pie_chart'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="graph-area"]', 'morisjs-x_panel-graph_area'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="line-graph"]', 'morisjs-x_panel-line_graph'); });
// TEST: other_charts.html
casper.thenOpen('http://localhost:3000/./production/other_charts.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="other-graph-types"]', 'other_charts-x_panel-other_graph_types'); });
// TEST: e_commerce.html
casper.thenOpen('http://localhost:3000/./production/e_commerce.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="e-commerce-page-design"]', 'e_commerce-x_panel-e_commerce_page_design'); });
// TEST: glyphicons.html
casper.thenOpen('http://localhost:3000/./production/glyphicons.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="glyphicons"]', 'glyphicons-x_panel-glyphicons'); });
// TEST: icons.html
casper.thenOpen('http://localhost:3000/./production/icons.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="font-awesome-icons"]', 'icons-x_panel-font_awesome_icons'); });
// TEST: inbox.html
casper.thenOpen('http://localhost:3000/./production/inbox.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="inbox-design"]', 'inbox-x_panel-inbox_design'); });
// TEST: invoice.html
casper.thenOpen('http://localhost:3000/./production/invoice.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="invoice-design"]', 'invoice-x_panel-invoice_design'); });
// TEST: media_gallery.html
casper.thenOpen('http://localhost:3000/./production/media_gallery.html', function() {
// tests are below
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="media-gallery"]', 'media_gallery-x_panel-media_gallery'); });
// TEST: page_403.html
casper.thenOpen('http://localhost:3000/./production/page_403.html', function() {
phantomcss.screenshot('body', 'page_403');
});
// TEST: page_404.html
casper.thenOpen('http://localhost:3000/./production/page_404.html', function() {
phantomcss.screenshot('body', 'page_404');
});
// TEST: page_500.html
casper.thenOpen('http://localhost:3000/./production/page_500.html', function() {
phantomcss.screenshot('body', 'page_500');
});
// TEST: plain_page.html
casper.thenOpen('http://localhost:3000/./production/plain_page.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="plain-page"]', 'plain_page-x_panel-plain_page'); });
// TEST: pricing_tables.html
casper.thenOpen('http://localhost:3000/./production/pricing_tables.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="pricing-tables"]', 'pricing_tables-x_panel-pricing_tables'); });
// TEST: profile.html
casper.thenOpen('http://localhost:3000/./production/profile.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="user-report"]', 'profile-x_panel-user_report'); });
// TEST: projects.html
casper.thenOpen('http://localhost:3000/./production/projects.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="projects"]', 'projects-x_panel-projects'); });
// TEST: project_detail.html
casper.thenOpen('http://localhost:3000/./production/project_detail.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="new-partner"]', 'project_detail-x_panel-new_partner'); });
// TEST: tables.html
casper.thenOpen('http://localhost:3000/./production/tables.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="basic-tables"]', 'tables-x_panel-basic_tables'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="stripped-table"]', 'tables-x_panel-stripped_table'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="hover-rows"]', 'tables-x_panel-hover_rows'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="bordered-table"]', 'tables-x_panel-bordered_table'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="table-design"]', 'tables-x_panel-table_design'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="table-design"]', 'tables-x_panel-table_design'); });
// TEST: tables_dynamic.html
casper.thenOpen('http://localhost:3000/./production/tables_dynamic.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="default-example"]', 'tables_dynamic-x_panel-default_example'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="plus-table-design"]', 'tables_dynamic-x_panel-plus_table_design'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="button-example"]', 'tables_dynamic-x_panel-button_example'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="fixed-header-example"]', 'tables_dynamic-x_panel-fixed_header_example'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="keytable-example"]', 'tables_dynamic-x_panel-keytable_example'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="responsive-example"]', 'tables_dynamic-x_panel-responsive_example'); });
// TEST: typography.html
casper.thenOpen('http://localhost:3000/./production/typography.html', function() {
//
})
.then(function() { phantomcss.screenshot('.x_panel[data-test="typography"]', 'typography-x_panel-typography'); });
// TEST: widgets.html
casper.thenOpen('http://localhost:3000/./production/widgets.html', function() {
//
})
.then(function() { phantomcss.screenshot('[data-test="row-1"]', 'widgets-row_1'); })
.then(function() { phantomcss.screenshot('[data-test="row-2"]', 'widgets-row_2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tally-design-1"]', 'widgets-x_panel-tally_design_1'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tally-design-2"]', 'widgets-x_panel-tally_design_2'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tally-design-3"]', 'widgets-x_panel-tally_design_3'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tally-design-4"]', 'widgets-x_panel-tally_design_4'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="tally-design-5"]', 'widgets-x_panel-tally_design_5'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="sales-close"]', 'widgets-x_panel-sales_close'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="user-mail"]', 'widgets-x_panel-user_mail'); })
.then(function() { phantomcss.screenshot('.x_panel[data-test="panel-1"]', 'widgets-x_panel-panel_1'); });
// Check all screenshots.
casper.then(function now_check_the_screenshots() {
// compare screenshots
@ -226,33 +433,9 @@ casper.test.begin('Gentelella visual tests', function (test) {
/*
production/chartjs2.html
production/chartjs.html
production/echarts.html
production/e_commerce.html
production/fixed_footer.html
production/fixed_sidebar.html
production/general_elements.html
production/glyphicons.html
production/icons.html
production/inbox.html
production/invoice.html
production/level2.html
production/map.html
production/media_gallery.html
production/morisjs.html
production/other_charts.html
production/page_403.html
production/page_404.html
production/page_500.html
production/plain_page.html
production/pricing_tables.html
production/profile.html
production/project_detail.html
production/projects.html
production/tables_dynamic.html
production/tables.html
production/typography.html
production/widgets.html
production/fixed_footer.html
production/fixed_sidebar.html
production/xx.html
*/