pageflow-text-page 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8096e0ff17017dd6e7d493af58e2904245d78e2f8d10ff542f99fc7063062389
-  data.tar.gz: 702a53dec8cbd4731b1d06079146221279a3c4c2e6699e89a5403d0337cb1e26
+  metadata.gz: 8b9fd19cfb1329ec3e4d80fbe07541dabf310d492b3eb6b6d65df6dda2b74c69
+  data.tar.gz: 61dfbba3e847b3c2aceb5a523c9a7441a02d08d842dd623be1557197a276639c
 SHA512:
-  metadata.gz: 6e88cba83d513144b9c59ae07a0f8fd8cc329c35970f491e6e87324cfd78b9a837b876f1b17e32ca11aa20b0ce829a88595b4385e97c93a10d7f45f9ee47f4d8
-  data.tar.gz: d8ba5eaf7953dead13a35349a0001369ff164aa86e7b4b15b42a1972e054e0f4b81bebcdeb0318b9399237feb88530b295890910e94fedd7a9c5dfbbfcceaf93
+  metadata.gz: 4e2bd1d8855901bc9bc9191eb949f19fc1ca612a975f2947da2f9a352d6a006353491a0db4ebf0835307772cd2cf722c5467e56a126bdcb594045be8660ebffc
+  data.tar.gz: 8b2021a196dcf6513a7e934caa44d57264a0d06975c83f3b5706a5acce54c90f7ae7fc9ce54eac832da1b0d3ca0e0235e8d5138da935be14af3290ddd1c6e5b5

data/.gitignore

@@ -13,6 +13,7 @@ lib/bundler/man
 pkg
 rdoc
 spec/reports
+spec/dummy
 test/tmp
 test/version_tmp
 tmp

data/.travis.yml

@@ -0,0 +1,10 @@
+language: ruby
+rvm: 2.5
+
+# User container based travis infrastructure which allows caching
+# features for open source projects.
+sudo: false
+cache: bundler
+
+script:
+  - bin/rspec

data/CHANGELOG.md

@@ -1,29 +1,16 @@
 # CHANGELOG
 
-### Version 1.1.0
+### Version 1.2.0
 
-2018-12-10
+2019-04-08
 
-[Compare changes](https://github.com/codevise/pageflow-text-page/compare/1-0-stable...v1.1.0)
+[Compare changes](https://github.com/codevise/pageflow-text-page/compare/1-1-stable...v1.2.0)
 
-- Add support for Pageflow 13
-  ([#16](https://github.com/codevise/pageflow-text-page/pull/16))
-- Make background color of content area configurable
-  ([#14](https://github.com/codevise/pageflow-text-page/pull/14),
-   [#20](https://github.com/codevise/pageflow-text-page/pull/20))
-- Prevent empty but padded caption bar for inline images
-  ([#19](https://github.com/codevise/pageflow-text-page/pull/19))
-- Fix transition effect on chrome 66
-  ([#18](https://github.com/codevise/pageflow-text-page/pull/18))
-- Caption theme options
-  ([#17](https://github.com/codevise/pageflow-text-page/pull/17))
-- Add theme options for content text size
-  ([#15](https://github.com/codevise/pageflow-text-page/pull/15))
-- Prevent overlapping fonts on text-page headers with orientation center
-  ([#13](https://github.com/codevise/pageflow-text-page/pull/13))
-- Remove duplicate .scroller selector
-  ([#12](https://github.com/codevise/pageflow-text-page/pull/12))
+- Adapt page dom for pageflow 14
+  ([#22](https://github.com/codevise/pageflow-text-page/pull/22))
+- Setup page type lint specs
+  ([#21](https://github.com/codevise/pageflow-text-page/pull/21))
 
 See
-[1-0-stable branch](https://github.com/codevise/pageflow-text-page/blob/1-0-stable/CHANGELOG.md)
+[1-1-stable branch](https://github.com/codevise/pageflow-text-page/blob/1-1-stable/CHANGELOG.md)
 for previous changes.

data/README.md

@@ -1,6 +1,7 @@
 # Pageflow Text Page
 
 [![Gem Version](https://badge.fury.io/rb/pageflow-text-page.svg)](http://badge.fury.io/rb/pageflow-text-page)
+[![Build Status](https://travis-ci.org/codevise/pageflow-text-page.svg?branch=master)](https://travis-ci.org/codevise/pageflow-text-page)
 
 Page type to display large texts on a page.
 

data/app/assets/javascript/pageflow/text_page/page_type.js

@@ -1,4 +1,4 @@
-pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
+pageflow.react.registerPageTypeWithDefaultBackground('text_page', _.extend({
 
   prepareNextPageTimeout: 0,
 
@@ -6,14 +6,14 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
     this.content = pageElement.find('.scroller');
     this.scrollingDiv = pageElement.find('.scroller > div');
     this.pageSpacerElement = pageElement.find('.page_spacer');
-    this.contentArea = pageElement.find('.contentText');
+    this.contentArea = pageElement.find('.page_text');
     this.backgroundAsset = pageElement.find('.page_background_asset');
     this.inlineImage = pageElement.find('.inline_image');
-    this.inlineImageInitialOffset = pageElement.find('.contentText h3').position().top + pageElement.find('.contentText h3').outerHeight();
+    this.inlineImageInitialOffset = pageElement.find('.page_sub_header').position().top + pageElement.find('.page_sub_header').outerHeight();
     this.fullScreenLayer = pageElement.find('.image_fullscreen_view');
 
     if(configuration.text_position == "left" || configuration.text_position == "right") {
-      this.titleArea = pageElement.find('.backgroundArea .fixed_header_area');
+      this.titleArea = pageElement.find('.page_background .fixed_header_area');
     }
     else {
       this.titleArea = pageElement.find('.contentInnerWrapper .page_header');
@@ -64,7 +64,7 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
       dimHeightTitle = this.pageSpacerElement.height() - earlyDimOffset,
       spacerPageRatio = dimHeight / pageElement.height();
 
-    pageElement.find('.backgroundArea .fixed_header_area').css('opacity', (0.6 * dimHeightTitle + y)/(dimHeightTitle * 0.6)); // Abblenden des Titels, immer*/
+    pageElement.find('.page_background .fixed_header_area').css('opacity', (0.6 * dimHeightTitle + y)/(dimHeightTitle * 0.6)); // Abblenden des Titels, immer*/
 
     if(configuration.topasset_dim) {
       this.backgroundAsset.css('opacity', 1 - (-y / dimHeight)); // Abblenden */
@@ -140,7 +140,7 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
     var y = this.content.scroller('positionY');
 
     this.resizePageSpacer(pageElement, configuration);
-    this.inlineImageInitialOffset = pageElement.find('.contentText h3').position().top;
+    this.inlineImageInitialOffset = pageElement.find('.page_sub_header').position().top;
     this.inlineImage.css('top', this.inlineImageInitialOffset + 'px');
     this.inlineImageInitialTop = this.inlineImage.offset().top - this.scrollingDiv.offset().top;
     this.applyInlineImageEffects(pageElement, configuration);
@@ -154,7 +154,7 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
     var y = this.content.scroller('positionY');
 
     this.resizePageSpacer(pageElement, configuration);
-    this.inlineImageInitialOffset = pageElement.find('.contentText h3').position().top + pageElement.find('.contentText h3').outerHeight();
+    this.inlineImageInitialOffset = pageElement.find('.page_sub_header').position().top + pageElement.find('.page_sub_header').outerHeight();
     this.inlineImage.css('top', this.inlineImageInitialOffset + 'px');
     this.inlineImageInitialTop = this.inlineImage.offset().top - this.scrollingDiv.offset().top;
 
@@ -176,11 +176,8 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
     var y = this.content.scroller('positionY');
 
     pageElement.attr('data-template', 'text_page');
-    pageElement.find('h2 .tagline').text(configuration.get('tagline') || '');
-    pageElement.find('h2 .title').text(configuration.get('title') || '');
-    pageElement.find('h2 .subtitle').text(configuration.get('subtitle') || '');
-    pageElement.find('.contentText .text_title').text(configuration.get('text_title') || '');
-    pageElement.find('.contentText p').html(configuration.get('text') || '');
+    this.updateDefaultPageContent(pageElement, configuration);
+    pageElement.find('.page_text .text_title').text(configuration.get('text_title') || '');
 
     pageElement.find('.content_and_background').toggleClass('no_background_asset',
                                                             configuration.get('background_type') == 'video' ?
@@ -190,7 +187,7 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
     pageElement.find('.content_and_background').toggleClass('sticky_inline_image', !!configuration.get('sticky_inline_image'));
 
     if(configuration.get('text_position') == "left" || configuration.get('text_position') == "right") {
-      this.titleArea = pageElement.find('.backgroundArea .fixed_header_area');
+      this.titleArea = pageElement.find('.page_background .fixed_header_area');
     }
     else {
       this.titleArea = pageElement.find('.contentInnerWrapper .page_header');
@@ -237,7 +234,7 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
 
     this.resizePageSpacer(pageElement, configuration.attributes);
 
-    this.inlineImageInitialOffset = pageElement.find('.contentText h3').position().top + pageElement.find('.contentText h3').outerHeight();
+    this.inlineImageInitialOffset = pageElement.find('.page_sub_header').position().top + pageElement.find('.page_sub_header').outerHeight();
     this.inlineImage.css('top', this.inlineImageInitialOffset + 'px');
     this.inlineImageInitialTop = this.inlineImage.offset().top - this.scrollingDiv.offset().top;
     this.applyInlineImageEffects(pageElement, configuration.attributes);
@@ -263,4 +260,4 @@ pageflow.react.registerPageTypeWithDefaultBackground('text_page', {
       }
     };
   }
-});
+}, pageflow.defaultPageContent));

data/app/assets/stylesheets/pageflow/text_page/themes/default.scss

@@ -21,14 +21,14 @@ $text-page-inline-image-caption-padding: 7px 10px !default;
 @include pageflow-page-type-pictograms("text_page");
 
 .page .text_page {
-  .contentText {
+  .page_text {
     font-size: $text-page-content-text-base-font-size;
 
     @include phone {
       font-size: $text-page-content-text-phone-base-font-size;
     }
 
-    h3 {
+    .page_sub_header {
       @include typography(
         $text-page-text-title-typography,
         (

data/app/assets/stylesheets/pageflow/text_page.scss

@@ -33,8 +33,11 @@ $inverted-background-color: black;
 }
 
 .page .text_page, .js .page .text_page, .js .page:first-child .text_page, .page:first-child .text_page {
+  h3 {
+    font-size: 1em;
+  }
 
-  .backgroundArea {
+  .page_background {
 
     .fixed_header_area {
       position: absolute;
@@ -47,7 +50,7 @@ $inverted-background-color: black;
 
         .page_header {
 
-          h2 {
+          h3 {
             margin: 0;
           }
         }
@@ -85,7 +88,7 @@ $inverted-background-color: black;
           color: white;
           display: none;
 
-          h2 {
+          h3 {
             text-align: center;
             padding: 2em 0;
             margin: 0;
@@ -119,7 +122,7 @@ $inverted-background-color: black;
           }
         }
 
-        .contentText > * {
+        .page_text > * {
           margin: 0 auto;
 
           @include phone {
@@ -127,7 +130,7 @@ $inverted-background-color: black;
           }
         }
 
-        .contentText {
+        .page_text {
           max-width: 500px;
           margin: auto;
           min-height: 300px;
@@ -142,7 +145,7 @@ $inverted-background-color: black;
             padding-right: 0;
           }
 
-          h3 {
+          .page_sub_header {
             width: 100%;
           }
 
@@ -241,7 +244,7 @@ $inverted-background-color: black;
     }
 
     &.inline_text_position_left {
-      > div .contentInnerWrapper .contentText {
+      > div .contentInnerWrapper .page_text {
         margin-left: 8%;
         padding-right: 0;
 
@@ -259,7 +262,7 @@ $inverted-background-color: black;
     }
 
     &.inline_text_position_right {
-      > div .contentInnerWrapper .contentText {
+      > div .contentInnerWrapper .page_text {
         margin-right: 12%;
         padding-right: 0;
 
@@ -280,9 +283,9 @@ $inverted-background-color: black;
 }
 
 .text_position_right.page .text_page {
-  h2 .title,
-  h2 .subtitle,
-  h2 .tagline {
+  h3 .title,
+  h3 .subtitle,
+  h3 .tagline {
     max-width: 500px;
   }
 }
@@ -318,7 +321,7 @@ $inverted-background-color: black;
 }
 
 .page .text_page, .js .page .text_page, .js .page:first-child .text_page, .page:first-child .text_page {
-  &.content_and_background.sticky_inline_image .inline_text_position_center.scroller .contentWrapper {
+  &.content_and_background.sticky_inline_image .inline_text_position_center.scroller .content_wrapper {
     .inline_image {
       position: absolute;
       display: inline-block;
@@ -340,12 +343,12 @@ $inverted-background-color: black;
       }
     }
 
-    .contentText {
+    .page_text {
       @media screen and (min-width: 1101px) {
         max-width: 1000px;
         width: 84%;
 
-        h3, p {
+        .page_sub_header, p {
           margin: 0;
           max-width: 500px;
         }
@@ -365,7 +368,7 @@ $inverted-background-color: black;
     .page_header {
       border-bottom: 1px solid rgb(216, 216, 216);
 
-      h2 {
+      h3 {
         color: black;
       }
     }
@@ -379,7 +382,7 @@ $inverted-background-color: black;
 .page .text_page, .js .page .text_page {
   .scroller {
     > div {
-      .contentText {
+      .page_text {
         a {
           color: black;
         }
@@ -396,7 +399,7 @@ $inverted-background-color: black;
         }
       }
 
-      .contentText {
+      .page_text {
         a {
           color: white;
         }
@@ -427,12 +430,12 @@ $inverted-background-color: black;
     left: 50% !important;
     margin-left: -400px;
   }
-  .contentInnerWrapper .contentText .inline_image {
+  .contentInnerWrapper .page_text .inline_image {
     margin-right: 0 !important;
   }
 
   &.text_position_right {
-    .contentInnerWrapper .contentText .inline_image {
+    .contentInnerWrapper .page_text .inline_image {
       margin-left: 0 !important;
     }
   }
@@ -446,16 +449,16 @@ $inverted-background-color: black;
 
 .slideshow section.fade[data-template="text_page"] {
 
-  .blackLayer {
+  .black_layer {
     display: none;
   }
-  .backgroundArea {
+  .page_background {
     background-color: black;
     -webkit-backface-visibility: hidden;
     opacity: 1;
   }
 
-  &.invert .backgroundArea {
+  &.invert .page_background {
     background-color: white;
   }
 
@@ -484,20 +487,20 @@ $inverted-background-color: black;
     opacity: 1;
   }
 
-  &.active.animate-in-forwards .backgroundArea, &.active.animate-in-backwards .backgroundArea {
+  &.active.animate-in-forwards .page_background, &.active.animate-in-backwards .page_background {
     opacity: 1;
   }
 
-  &.animate-in-forwards .backgroundArea {
+  &.animate-in-forwards .page_background {
     opacity: 0;
   }
-  &.animate-out-forwards .backgroundArea {
+  &.animate-out-forwards .page_background {
     opacity: 1;
   }
-  &.animate-in-backwards .backgroundArea {
+  &.animate-in-backwards .page_background {
     opacity: 0;
   }
-  &.animate-out-backwards .backgroundArea {
+  &.animate-out-backwards .page_background {
     opacity: 1;
   }
 
@@ -548,13 +551,13 @@ $inverted-background-color: black;
 }
 
 .slideshow {
-  .text_page p, h3 span, .inline_image_text, .fixed_header_area .page_header_wrapper {
+  .text_page p, .page_sub_header span, .inline_image_text, .fixed_header_area .page_header_wrapper {
     @include transition(0.5s ease);
   }
   .hidden_by_overlay .text_page {
     .content {
       opacity: 1;
-      p, h3 span, .inline_image_text {
+      p, .page_sub_header span, .inline_image_text {
         opacity: 0;
       }
     }
@@ -585,7 +588,7 @@ section.hide_title {
     opacity: 0;
   }
 
-  .text_page .content .contentWrapper {
+  .text_page .content .content_wrapper {
     @include transform(none);
   }
 }

data/app/views/pageflow/text_page/page.html.erb

@@ -1,39 +1,39 @@
-<div class="blackLayer"></div>
+<div class="black_layer"></div>
 <div class="content_and_background text_page <% if configuration['sticky_inline_image'].present? %>sticky_inline_image<% end %> <%= background_asset_present_css_class(configuration) %> <% if configuration['invert_text'].present? %>invert_text<% end %>">
-  <div class="backgroundArea">
-    <%= page_background_asset(configuration) %>
+  <div class="page_background">
+    <%= page_background_asset(page) %>
     <%= shadow_div :opacity => configuration['gradient_opacity'] %>
     <div class="fixed_header_area">
       <div class="page_header_wrapper">
         <div class="page_header">
-          <h2>
-            <span class="tagline"><%= configuration['tagline'] %></span>
-            <span class="title"><%= configuration['title'] %></span>
-            <span class="subtitle"><%= configuration['subtitle'] %></span>
-          </h2>
+          <h3>
+            <span class="page_header-tagline"><%= configuration['tagline'] %></span>
+            <span class="page_header-title"><%= configuration['title'] %></span>
+            <span class="page_header-subtitle"><%= configuration['subtitle'] %></span>
+          </h3>
         </div>
       </div>
     </div>
   </div>
   <div class="content scroller inline_text_position_<%= configuration['inline_text_position'].present? ? configuration['inline_text_position'] : 'left'  %>">
     <div>
-      <div class="contentWrapper">
+      <div class="content_wrapper">
         <div class="page_spacer"></div>
         <div class="contentInnerWrapper">
           <div class="content_background_layer" style="<%= configuration['text_page_background_color'].present? ? "background-color: #{configuration['text_page_background_color']}" : '' %>"></div>
           <div class="page_header">
             <div class="header_background_layer" style="opacity: <%= configuration['gradient_opacity'].to_i / 100.0 %>"></div>
-            <h2>
-              <span class="tagline"><%= configuration['tagline'] %></span>
-              <span class="title"><%= configuration['title'] %></span>
-              <span class="subtitle"><%= configuration['subtitle'] %></span>
-            </h2>
+            <h3>
+              <span class="page_header-tagline"><%= configuration['tagline'] %></span>
+              <span class="page_header-title"><%= configuration['title'] %></span>
+              <span class="page_header-subtitle"><%= configuration['subtitle'] %></span>
+            </h3>
             <%= background_image_tag(configuration['background_image_id'], {"class" => "print_image"}) %>
           </div>
-          <div class="contentText">
-            <h3>
+          <div class="page_text">
+            <h4 class="page_sub_header">
               <span class="text_title"><%= configuration['text_title'] %></span>
-            </h3>
+            </h4>
             <%= link_to(configuration['prevent_fullscreen'].blank? ? fullscreen_image_url(configuration['text_image_id']) : '#',
                         target: ("_blank" if configuration['prevent_fullscreen'].blank?),
                         class: 'inline_image' \

data/bin/rspec

@@ -0,0 +1,29 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+#
+# This file was generated by Bundler.
+#
+# The application 'rspec' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require "pathname"
+ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+bundle_binstub = File.expand_path("../bundle", __FILE__)
+
+if File.file?(bundle_binstub)
+  if File.read(bundle_binstub, 150) =~ /This file was generated by Bundler/
+    load(bundle_binstub)
+  else
+    abort("Your `bin/bundle` was not generated by Bundler, so this binstub cannot run.
+Replace `bin/bundle` by running `bundle binstubs bundler --force`, then run this command again.")
+  end
+end
+
+require "rubygems"
+require "bundler/setup"
+
+load Gem.bin_path("rspec-core", "rspec")

data/lib/pageflow/text_page/version.rb

@@ -1,5 +1,5 @@
 module Pageflow
   module TextPage
-    VERSION = '1.1.0'.freeze
+    VERSION = '1.2.0'.freeze
   end
 end

data/pageflow-text-page.gemspec

@@ -18,11 +18,13 @@ Gem::Specification.new do |spec|
 
   spec.required_ruby_version = '~> 2.1'
 
-  spec.add_runtime_dependency 'pageflow', ['>= 12.2.x', '< 14']
+  spec.add_runtime_dependency 'pageflow', '~> 14.x'
   spec.add_runtime_dependency 'pageflow-public-i18n', '~> 1.0'
 
-  spec.add_development_dependency 'bundler', '~> 1.0'
+  spec.add_development_dependency 'bundler', ['>= 1.0', '< 3']
+  spec.add_development_dependency 'pageflow-support', '~> 14.x'
   spec.add_development_dependency 'rake', '~> 12.0'
+  spec.add_development_dependency 'rspec-rails', '~> 3.0'
 
   # Semantic versioning rake tasks
   spec.add_development_dependency 'semmy', '~> 1.0'

data/spec/integration/page_type_spec.rb

@@ -0,0 +1,4 @@
+require 'spec_helper'
+require 'pageflow/lint'
+
+Pageflow::Lint.page_type(Pageflow::TextPage.page_type)

data/spec/spec_helper.rb

@@ -0,0 +1,14 @@
+ENV['RAILS_ENV'] ||= 'test'
+ENV['PAGEFLOW_PLUGIN_ENGINE'] = 'pageflow_text_page'
+
+require 'pageflow/support'
+Pageflow::Dummy.setup
+
+require 'rspec/rails'
+
+engine_root = File.join(File.dirname(__FILE__), '..')
+Dir[File.join(engine_root, 'spec/support/**/*.rb')].each { |file| require(file) }
+
+RSpec.configure do |config|
+  config.use_transactional_fixtures = true
+end

metadata

@@ -1,35 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: pageflow-text-page
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Codevise Solutions Ltd.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-12-10 00:00:00.000000000 Z
+date: 2019-04-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: pageflow
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 12.2.x
-    - - "<"
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '14'
+        version: 14.x
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 12.2.x
-    - - "<"
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '14'
+        version: 14.x
 - !ruby/object:Gem::Dependency
   name: pageflow-public-i18n
   requirement: !ruby/object:Gem::Requirement
@@ -48,16 +42,36 @@ dependencies:
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3'
+- !ruby/object:Gem::Dependency
+  name: pageflow-support
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 14.x
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 14.x
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -72,6 +86,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '12.0'
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: semmy
   requirement: !ruby/object:Gem::Requirement
@@ -96,6 +124,7 @@ files:
 - ".gitignore"
 - ".jshintignore"
 - ".jshintrc"
+- ".travis.yml"
 - CHANGELOG.md
 - Gemfile
 - README.md
@@ -115,6 +144,7 @@ files:
 - app/assets/stylesheets/pageflow/text_page/themes/default.scss
 - app/helper/pageflow/text_page/image_helper.rb
 - app/views/pageflow/text_page/page.html.erb
+- bin/rspec
 - config/locales/de.yml
 - config/locales/en.yml
 - lib/pageflow-text-page.rb
@@ -122,6 +152,8 @@ files:
 - lib/pageflow/text_page/page_type.rb
 - lib/pageflow/text_page/version.rb
 - pageflow-text-page.gemspec
+- spec/integration/page_type_spec.rb
+- spec/spec_helper.rb
 homepage: https://github.com/codevise/pageflow-text-page
 licenses:
 - MIT
@@ -146,4 +178,6 @@ rubygems_version: 2.7.5
 signing_key: 
 specification_version: 4
 summary: Pageflow Page Type text pages
-test_files: []
+test_files:
+- spec/integration/page_type_spec.rb
+- spec/spec_helper.rb