radiant-sheets-extension 1.0.0.pre

data/sass.html

@@ -0,0 +1,82 @@
+<h1 id='features'>Features</h1>
+        
+        <p>Although it&#8217;s nice that every CSS file is a valid SCSS file, that&#8217;s not why you&#8217;re learning about SCSS. You&#8217;re learning because it offers <em>more</em> than CSS. SCSS provides all sorts of useful features on top of CSS. This tutorial will walk you through some of the most fundamental ones, along with examples that you can add to your <code>style.scss</code> and play with.</p>
+        
+        <h2 id='nesting'>Nesting</h2>
+        
+        <p>Often when writing CSS, you&#8217;ll have several selectors that all begin with the same thing. For example, you might have &#8220;#navbar ul&#8221;, &#8220;#navbar li&#8221;, and &#8220;#navbar li a&#8221;. It&#8217;s a pain to repeat the beginning over and over again, especially when it gets long.</p>
+        
+        <p>Sass allows you to avoid this by nesting the child selectors within the parent selector.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;#navbar {&#x000A;  width: 80%;&#x000A;  height: 23px;&#x000A;&#x000A;  ul { list-style-type: none; }&#x000A;  li {&#x000A;    float: left;&#x000A;    a { font-weight: bold; }&#x000A;  }&#x000A;}&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;#navbar {&#x000A;  width: 80%;&#x000A;  height: 23px; }&#x000A;  #navbar ul {&#x000A;    list-style-type: none; }&#x000A;  #navbar li {&#x000A;    float: left; }&#x000A;    #navbar li a {&#x000A;      font-weight: bold; }&#x000A;</pre>
+        </div>
+        <p>Notice how the output is formatted to reflect the original nesting of the selectors. This is the default CSS style, but there are <a href='/docs/yardoc/file.SASS_REFERENCE.html#output_style'>other styles</a> for all sorts of CSS formatting preferences. There&#8217;s even one for compressing the CSS as much as possible!</p>
+        
+        <p>You can also nest properties, so you don&#8217;t have to repeat stuff like &#8220;<code>border-left-</code>&#8221; all the time.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;.fakeshadow {&#x000A;  border: {&#x000A;    style: solid;&#x000A;    left: {&#x000A;      width: 4px;&#x000A;      color: #888;&#x000A;    }&#x000A;    right: {&#x000A;      width: 2px;&#x000A;      color: #ccc;&#x000A;    }&#x000A;  }&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;.fakeshadow {&#x000A;  border-style: solid;&#x000A;  border-left-width: 4px;&#x000A;  border-left-color: #888;&#x000A;  border-right-width: 2px;&#x000A;  border-right-color: #ccc; }&#x000A;</pre>
+        </div>
+        <h3 id='parent_references'>Parent References</h3>
+        
+        <p>What about pseudoclasses, like <code>:hover</code>? There isn&#8217;t a space between them and their parent selector, but it&#8217;s still possible to nest them. You just need to use the Sass special character <code>&amp;</code>. In a selector, <code>&amp;</code> will be replaced verbatim with the parent selector.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;a {&#x000A;  color: #ce4dd6;&#x000A;  &:hover { color: #ffb3ff; }&#x000A;  &:visited { color: #c458cb; }&#x000A;}&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;a {&#x000A;  color: #ce4dd6; }&#x000A;  a:hover {&#x000A;    color: #ffb3ff; }&#x000A;  a:visited {&#x000A;    color: #c458cb; }&#x000A;</pre>
+        </div>
+        <h2 id='variables'>Variables</h2>
+        
+        <p>Sass allows you to declare variables that can be used throughout your stylesheet. Variables begin with <code>$</code> and are declared just like properties. They can have any value that&#8217;s allowed for a CSS property, such as colors, numbers (with units), or text.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;$main-color: #ce4dd6;&#x000A;$style: solid;&#x000A;&#x000A;#navbar {&#x000A;  border-bottom: {&#x000A;    color: $main-color;&#x000A;    style: $style;&#x000A;  }&#x000A;}&#x000A;&#x000A;a {&#x000A;  color: $main-color;&#x000A;  &:hover { border-bottom: $style 1px; }&#x000A;}&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;#navbar {&#x000A;  border-bottom-color: #ce4dd6;&#x000A;  border-bottom-style: solid; }&#x000A;&#x000A;a {&#x000A;  color: #ce4dd6; }&#x000A;  a:hover {&#x000A;    border-bottom: solid 1px; }&#x000A;</pre>
+        </div>
+        <p>Variables allow you to re-use colors, sizes, and other values without repeating yourself. This means that changes that should be small, such as tweaking the coloring or the sizing, can be done in one place, not all over the stylesheet.</p>
+        
+        <h3 id='operations_and_functions'>Operations and Functions</h3>
+        
+        <p>In addition to just using variable values as they&#8217;re defined, you can also modify and combine them using math and useful predefined functions. This allows you to compute element sizing and even coloration dynamically.</p>
+        
+        <p>The standard math operations (<code>+</code>, <code>-</code>, <code>*</code>, <code>/</code>, and <code>%</code>) are supported for numbers, even those with units. For colors, there are all sorts of useful functions for changing the <a href='/docs/yardoc/Sass/Script/Functions.html#lighten-instance_method'>lightness</a>, <a href='/docs/yardoc/Sass/Script/Functions.html#adjust_hue-instance_method'>hue</a>, <a href='/docs/yardoc/Sass/Script/Functions.html#saturate-instance_method'>saturation</a>, and <a href='/docs/yardoc/Sass/Script/Functions.html'>more</a>.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;#navbar {&#x000A;  $navbar-width: 800px;&#x000A;  $items: 5;&#x000A;  $navbar-color: #ce4dd6;&#x000A;&#x000A;  width: $navbar-width;&#x000A;  border-bottom: 2px solid $navbar-color;&#x000A;&#x000A;  li {&#x000A;    float: left;&#x000A;    width: $navbar-width/$items - 10px;&#x000A;&#x000A;    background-color:&#x000A;      lighten($navbar-color, 20%);&#x000A;    &:hover {&#x000A;      background-color:&#x000A;        lighten($navbar-color, 10%);&#x000A;    }&#x000A;  }&#x000A;}&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;#navbar {&#x000A;  width: 800px;&#x000A;  border-bottom: 2px solid #ce4dd6; }&#x000A;  #navbar li {&#x000A;    float: left;&#x000A;    width: 150px;&#x000A;    background-color: #e5a0e9; }&#x000A;    #navbar li:hover {&#x000A;      background-color: #d976e0; }&#x000A;</pre>
+        </div>
+        <h3 id='interpolation'>Interpolation</h3>
+        
+        <p>Variables can be used for more than just property values. You can use <code>#{}</code> to insert them into property names or selectors.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;$side: top;&#x000A;$radius: 10px;&#x000A;&#x000A;.rounded- {&#x000A;  border-#{$side}-radius: $radius;&#x000A;  -moz-border-radius-#{$side}: $radius;&#x000A;  -webkit-border-#{$side}-radius: $radius;&#x000A;}&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;.rounded-top {&#x000A;  border-top-radius: 10px;&#x000A;  -moz-border-radius-top: 10px;&#x000A;  -webkit-border-top-radius: 10px; }&#x000A;</pre>
+        </div>
+        <h2 id='mixins'>Mixins</h2>
+        
+        <p>Mixins are one of the most powerful Sass features. They allow re-use of styles &#8211; properties or even selectors &#8211; without having to copy and paste them or move them into a non-semantic class.</p>
+        
+        <p>Mixins are defined using the &#8220;<code>@mixin</code>&#8221; directive, which takes a block of styles that can then be included in another selector using the &#8220;<code>@include</code>&#8221; directive.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;@mixin rounded-top {&#x000A;  $side: top;&#x000A;  $radius: 10px;&#x000A;&#x000A;  border-#{$side}-radius: $radius;&#x000A;  -moz-border-radius-#{$side}: $radius;&#x000A;  -webkit-border-#{$side}-radius: $radius;&#x000A;}&#x000A;&#x000A;#navbar li { @include rounded-top; }&#x000A;#footer { @include rounded-top; }&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;#navbar li {&#x000A;  border-top-radius: 10px;&#x000A;  -moz-border-radius-top: 10px;&#x000A;  -webkit-border-top-radius: 10px; }&#x000A;&#x000A;#footer {&#x000A;  border-top-radius: 10px;&#x000A;  -moz-border-radius-top: 10px;&#x000A;  -webkit-border-top-radius: 10px; }&#x000A;</pre>
+        </div>
+        <h3 id='arguments'>Arguments</h3>
+        
+        <p>The real power of mixins comes when you pass them arguments. Arguments are declared as a parenthesized, comma-separated list of variables. Each of those variables is assigned a value each time the mixin is used.</p>
+        
+        <p>Mixin arguments can also be given default values just like you&#8217;d declare them normally. Then the user of the mixin can choose not to pass that argument and it will be assigned the default value.</p>
+        <div class='compare'>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;@mixin rounded($side, $radius: 10px) {&#x000A;  border-#{$side}-radius: $radius;&#x000A;  -moz-border-radius-#{$side}: $radius;&#x000A;  -webkit-border-#{$side}-radius: $radius;&#x000A;}&#x000A;&#x000A;#navbar li { @include rounded(top); }&#x000A;#footer { @include rounded(top, 5px); }&#x000A;#sidebar { @include rounded(left, 8px); }&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;#navbar li {&#x000A;  border-top-radius: 10px;&#x000A;  -moz-border-radius-top: 10px;&#x000A;  -webkit-border-top-radius: 10px; }&#x000A;&#x000A;#footer {&#x000A;  border-top-radius: 5px;&#x000A;  -moz-border-radius-top: 5px;&#x000A;  -webkit-border-top-radius: 5px; }&#x000A;&#x000A;#sidebar {&#x000A;  border-left-radius: 8px;&#x000A;  -moz-border-radius-left: 8px;&#x000A;  -webkit-border-left-radius: 8px; }&#x000A;</pre>
+        </div>
+        <h2 id='id1'><code>@import</code></h2>
+        
+        <p>Stylesheets can get pretty big. CSS has an <code>@import</code> directive that allows you to break your styles up into multiple stylesheets, but each stylesheet takes a separate (slow) HTTP request. That&#8217;s why Sass&#8217;s <code>@import</code> directive pulls in the stylesheets directly. Not only that, but any variables or mixins defined in <code>@import</code>ed files are available to the files that import them.</p>
+        
+        <p>Sass has a naming convention for files that are meant to be imported (called &#8220;partials&#8221;): they begin with an underscore. Let&#8217;s create a partial called <strong><code>_rounded.scss</code></strong> to hold our <code>rounded</code> mixin.</p>
+        
+        <p>In order to support both <code>.scss</code> and <code>.sass</code> files, Sass allows files to be imported without specifying a file extension. That means we can just import <code>&quot;rounded&quot;</code>, rather than <code>&quot;rounded.scss&quot;</code>.</p>
+        <div class='compare'>
+          <pre class='sass'>/* _rounded.scss */&#x000A;&#x000A;@mixin rounded($side, $radius: 10px) {&#x000A;  border-#{$side}-radius: $radius;&#x000A;  -moz-border-radius-#{$side}: $radius;&#x000A;  -webkit-border-#{$side}-radius: $radius;&#x000A;}&#x000A;</pre>
+          <pre class='css'>/* style.css */&#x000A;&#x000A;#navbar li {&#x000A;  border-top-radius: 10px;&#x000A;  -moz-border-radius-top: 10px;&#x000A;  -webkit-border-top-radius: 10px; }&#x000A;&#x000A;#footer {&#x000A;  border-top-radius: 5px;&#x000A;  -moz-border-radius-top: 5px;&#x000A;  -webkit-border-top-radius: 5px; }&#x000A;&#x000A;#sidebar {&#x000A;  border-left-radius: 8px;&#x000A;  -moz-border-radius-left: 8px;&#x000A;  -webkit-border-left-radius: 8px; }&#x000A;</pre>
+          <pre class='sass'>/* style.scss */&#x000A;&#x000A;@import "rounded";&#x000A;&#x000A;#navbar li { @include rounded(top); }&#x000A;#footer { @include rounded(top, 5px); }&#x000A;#sidebar { @include rounded(left, 8px); }&#x000A;</pre>
+        </div>

data/sheets_extension.rb

@@ -0,0 +1,96 @@
+# Uncomment this if you reference any of your controllers in activate
+require_dependency 'application_controller'
+begin
+  require 'compass'
+rescue
+  # Running on edge, compass already exists
+end
+require 'radiant-sheets-extension/version'
+
+class SheetsExtension < Radiant::Extension
+  version RadiantSheetsExtension::VERSION
+  description "Manage CSS and Javascript content in Radiant CMS as Sheets, a subset of Pages"
+  url "http://github.com/radiant/radiant"
+  
+  cattr_accessor :stylesheet_filters
+  cattr_accessor :javascript_filters
+  
+  @@stylesheet_filters ||= []
+  @@stylesheet_filters += [SassFilter, ScssFilter]
+  @@javascript_filters ||= []
+  @@javascript_filters << CoffeeFilter
+  
+  extension_config do |config|
+    config.gem 'coffee-script', :version => '~> 2.2.0'
+    config.gem 'sass', :version => '~> 3.1.2'
+  end
+  
+  def activate
+    SassFilter
+    ScssFilter
+    CoffeeFilter
+    
+    tab 'Design' do
+      add_item "Stylesheets", "/admin/styles"
+      add_item "Javascripts", "/admin/scripts"
+    end
+    
+    ApplicationHelper.module_eval do
+      def filter_options_for_select_with_sheet_restrictions(selected=nil)
+        sheet_filters = SheetsExtension.stylesheet_filters + SheetsExtension.javascript_filters
+        filters = TextFilter.descendants - sheet_filters
+        options_for_select([[t('select.none'), '']] + filters.map { |s| s.filter_name }.sort, selected)
+      end
+      alias_method_chain :filter_options_for_select, :sheet_restrictions
+    end
+    
+    # Will only be called in 0.9.1 and below, avoid redeclaring
+    unless Page.respond_to?('in_menu')
+      Page.class_eval do
+        class_inheritable_accessor :in_menu
+        self.in_menu = true
+
+        class << self
+          alias_method :in_menu?, :in_menu
+          alias_method :in_menu, :in_menu=
+        end
+      end
+    end
+    
+    Page.class_eval do      
+      def sheet?
+        self.class.included_modules.include?(Sheet::Instance)
+      end
+
+      include JavascriptTags
+      include StylesheetTags
+    end
+    
+    Admin::NodeHelper.module_eval do
+      def render_node_with_sheets(page, locals = {})
+        unless page.sheet?
+          render_node_without_sheets(page, locals)
+        end
+      end
+      alias_method_chain :render_node, :sheets
+    end
+    
+    SiteController.class_eval do
+      cattr_writer :sheet_cache_timeout
+  
+      def self.sheet_cache_timeout
+        @@sheet_cache_timeout ||= 30.days
+      end
+      
+      def set_cache_control_with_sheets
+        if @page.sheet?
+          expires_in self.class.sheet_cache_timeout, :public => true, :private => false
+        else
+          set_cache_control_without_sheets
+        end
+      end
+      alias_method_chain :set_cache_control, :sheets
+    end
+    
+  end
+end

data/spec/controllers/admin/scripts_controller_spec.rb

@@ -0,0 +1,123 @@
+require File.dirname(__FILE__) + "/../../spec_helper"
+
+describe Admin::ScriptsController do
+  dataset :users, :home_page, :javascripts
+
+  before :each do
+    ActionController::Routing::Routes.reload
+    login_as :designer
+  end
+
+  it "should be an ResourceController" do
+    controller.should be_kind_of(Admin::ResourceController)
+  end
+
+  it "should handle JavascriptPages" do
+    controller.class.model_class.should == JavascriptPage
+  end
+
+
+  describe "show" do
+    it "should redirect to the edit action" do
+      get :show, :id => 1
+      response.should redirect_to(edit_admin_script_path(params[:id]))
+    end
+
+    it "should show xml when format is xml" do
+      javascript = JavascriptPage.first
+      get :show, :id => javascript.id, :format => "xml"
+      response.body.should == javascript.to_xml
+    end
+  end
+  describe "upload" do
+    it "should respond with a bad request header if given no upload" do
+      post :upload
+      response.code.should == "400"
+    end
+    it "should redirect to the index action" do
+      uploaded_file = mock(ActionController::UploadedFile).as_null_object
+      uploaded_file.stub!(:original_filename).and_return('test.doc')
+      uploaded_file.stub!(:read).and_return("Some content")
+      uploaded_file.stub!(:size).and_return(100)
+      uploaded_file.stub!(:kind_of?).with(ActionController::UploadedFile).and_return(true)
+      post :upload, :upload => {:upload => uploaded_file}
+      response.should redirect_to(admin_scripts_path)
+    end
+  end
+
+  describe "with invalid javascript id" do
+    before do
+      @parameters = {:id => 999}
+    end
+    it "should redirect the edit action to the index action" do
+      get :edit, @parameters
+      response.should redirect_to(admin_scripts_path)
+    end
+    it "should say that the 'JavascriptPage could not be found.' after the edit action" do
+      get :edit, @parameters
+      flash[:notice].should match(/could not be found/)
+    end
+    it 'should redirect the update action to the index action' do
+      put :update, @parameters
+      response.should redirect_to(admin_scripts_path)
+    end
+    it "should say that the 'JavascriptPage could not be found.' after the update action" do
+      put :update, @parameters
+      flash[:notice].should match(/could not be found/)
+    end
+    it 'should redirect the destroy action to the index action' do
+      delete :destroy, @parameters
+      response.should redirect_to(admin_scripts_path)
+    end
+    it "should say that the 'JavascriptPage could not be found.' after the destroy action" do
+      delete :destroy, @parameters
+      flash[:notice].should match(/could not be found/)
+    end
+  end
+
+  {:get => [:index, :show, :new, :edit],
+   :post => [:create, :upload],
+   :put => [:update],
+   :delete => [:destroy]}.each do |method, actions|
+    actions.each do |action|
+      it "should require login to access the #{action} action" do
+        logout
+        lambda { send(method, action, :id => page_id(:site_js)) }.should require_login
+      end
+
+      if action == :show
+        it "should request authentication for API access on show" do
+          logout
+          send(method, action, :id => page_id(:site_js), :format => "xml")
+          response.response_code.should == 401
+        end
+      else
+        it "should allow access to designers for the #{action} action" do
+          lambda {
+            send(method, action, :id => page_id(:site_js))
+          }.should restrict_access(:allow => [users(:designer)],
+                                  :url => '/admin/pages')
+        end
+
+        it "should allow access to admins for the #{action} action" do
+          lambda {
+            send(method, action, :id => page_id(:site_js))
+          }.should restrict_access(:allow => [users(:designer)],
+                                   :url => '/admin/pages')
+        end
+
+        it "should deny non-designers and non-admins for the #{action} action" do
+          lambda {
+            send(method, action, :id => JavascriptPage.first.id)
+          }.should restrict_access(:deny => [users(:non_admin), users(:existing)],
+                                   :url => '/admin/pages')
+        end
+      end
+    end
+  end
+
+  it "should clear the page cache when saved" do
+    Radiant::Cache.should_receive(:clear)
+    put :update, :id => page_id(:site_js), :javascript => {:content => "Foobar."}
+  end
+end

data/spec/controllers/admin/styles_controller_spec.rb

@@ -0,0 +1,124 @@
+require File.dirname(__FILE__) + "/../../spec_helper"
+
+describe Admin::StylesController do
+  dataset :users, :home_page, :stylesheets
+
+  before :each do
+    ActionController::Routing::Routes.reload
+    login_as :designer
+  end
+
+  it "should be an ResourceController" do
+    controller.should be_kind_of(Admin::ResourceController)
+  end
+
+  it "should handle StylesheetPages" do
+    controller.class.model_class.should == StylesheetPage
+  end
+
+
+  describe "show" do
+    it "should redirect to the edit action" do
+      get :show, :id => 1
+      response.should redirect_to(edit_admin_style_path(params[:id]))
+    end
+
+    it "should show xml when format is xml" do
+      stylesheet = StylesheetPage.first
+      get :show, :id => stylesheet.id, :format => "xml"
+      response.body.should == stylesheet.to_xml
+    end
+  end
+  
+  describe "upload" do
+    it "should respond with a bad request header if given no upload" do
+      post :upload
+      response.code.should == "400"
+    end
+    it "should redirect to the index action" do
+      uploaded_file = mock(ActionController::UploadedFile).as_null_object
+      uploaded_file.stub!(:original_filename).and_return('test.doc')
+      uploaded_file.stub!(:read).and_return("Some content")
+      uploaded_file.stub!(:size).and_return(100)
+      uploaded_file.stub!(:kind_of?).with(ActionController::UploadedFile).and_return(true)
+      post :upload, :upload => {:upload => uploaded_file}
+      response.should redirect_to(admin_styles_path)
+    end
+  end
+
+  describe "with invalid stylesheet id" do
+    before do
+      @parameters = {:id => 999}
+    end
+    it "should redirect the edit action to the index action" do
+      get :edit, @parameters
+      response.should redirect_to(admin_styles_path)
+    end
+    it "should say that the 'StylesheetPage could not be found.' after the edit action" do
+      get :edit, @parameters
+      flash[:notice].should match(/could not be found/)
+    end
+    it 'should redirect the update action to the index action' do
+      put :update, @parameters
+      response.should redirect_to(admin_styles_path)
+    end
+    it "should say that the 'StylesheetPage could not be found.' after the update action" do
+      put :update, @parameters
+      flash[:notice].should match(/could not be found/)
+    end
+    it 'should redirect the destroy action to the index action' do
+      delete :destroy, @parameters
+      response.should redirect_to(admin_styles_path)
+    end
+    it "should say that the 'StylesheetPage could not be found.' after the destroy action" do
+      delete :destroy, @parameters
+      flash[:notice].should match(/could not be found/)
+    end
+  end
+
+  {:get => [:index, :show, :new, :edit],
+   :post => [:create, :upload],
+   :put => [:update],
+   :delete => [:destroy]}.each do |method, actions|
+    actions.each do |action|
+      it "should require login to access the #{action} action" do
+        logout
+        lambda { send(method, action, :id => page_id(:site_css)) }.should require_login
+      end
+
+      if action == :show
+        it "should request authentication for API access on show" do
+          logout
+          send(method, action, :id => page_id(:site_css), :format => "xml")
+          response.response_code.should == 401
+        end
+      else
+        it "should allow access to designers for the #{action} action" do
+          lambda {
+            send(method, action, :id => page_id(:site_css))
+          }.should restrict_access(:allow => [users(:designer)],
+                                  :url => '/admin/pages')
+        end
+
+        it "should allow access to admins for the #{action} action" do
+          lambda {
+            send(method, action, :id => page_id(:site_css))
+          }.should restrict_access(:allow => [users(:designer)],
+                                   :url => '/admin/pages')
+        end
+
+        it "should deny non-designers and non-admins for the #{action} action" do
+          lambda {
+            send(method, action, :id => StylesheetPage.first.id)
+          }.should restrict_access(:deny => [users(:non_admin), users(:existing)],
+                                   :url => '/admin/pages')
+        end
+      end
+    end
+  end
+
+  it "should clear the page cache when saved" do
+    Radiant::Cache.should_receive(:clear)
+    put :update, :id => page_id(:site_css), :stylesheet => {:content => "Foobar."}
+  end
+end

data/spec/datasets/javascripts_dataset.rb

@@ -0,0 +1,15 @@
+class JavascriptsDataset < Dataset::Base
+  uses :home_page
+  
+  def load
+    create_page 'js', :slug => 'js', :class_name => 'JavascriptPage', :parent_id => pages(:home).id do
+      create_page 'site.js', :slug => 'site.js', :class_name => 'JavascriptPage' do
+        create_page_part 'site_js_body', :name => 'body', :content => 'alert("site!");'
+      end
+      create_page 'coffee.js', :slug => 'coffee.js', :class_name => 'JavascriptPage' do
+        create_page_part 'coffee_js_body', :name => 'body', :content => 'alert("site!");', :filter_id => 'Coffee'
+      end
+    end
+  end
+  
+end

data/spec/datasets/stylesheets_dataset.rb

@@ -0,0 +1,17 @@
+class StylesheetsDataset < Dataset::Base
+  uses :home_page
+  
+  def load
+    create_page "css", :slug => 'css', :class_name => 'StylesheetPage' do
+      create_page "site.css", :slug => 'site.css', :class_name => 'StylesheetPage' do
+        create_page_part 'site_css_body', :name => 'body', :content => 'p { color: blue; }'
+      end
+      create_page "sassy.sass", :slug => 'sassy.sass', :class_name => 'StylesheetPage' do
+        create_page_part 'sass_body', :name => 'body', :content => 'header
+  background: red', :filter_id => 'Sass'
+      end
+      create_page "container.css", :body => '<r:stylesheet slug="sassy.css" />', :class_name => 'StylesheetPage'
+    end
+  end
+  
+end

data/spec/helpers/admin/scripts_helper_spec.rb

@@ -0,0 +1,5 @@
+require File.dirname(__FILE__) + '/../../spec_helper'
+
+describe Admin::ScriptsHelper do
+  
+end

data/spec/helpers/admin/styles_helper_spec.rb

@@ -0,0 +1,5 @@
+require File.dirname(__FILE__) + '/../../spec_helper'
+
+describe Admin::StylesHelper do
+  
+end

data/spec/lib/javascript_tags_spec.rb

@@ -0,0 +1,36 @@
+# require 'spec_helper'
+require File.dirname(__FILE__) + '/../spec_helper'
+
+describe "Javascript Tags" do
+  dataset :javascripts
+
+  let(:page){ pages(:home) }
+    let(:javascript_page){ pages(:site_js)}
+
+  describe "<r:javascript>" do
+    subject { page }
+    it { should render(%{<r:javascript />}).with_error("`javascript' tag must contain a `slug' attribute.") }
+    it { should render(%{<r:javascript slug="bogus" />}).with_error("javascript bogus not found") }
+    it { should render(%{<r:javascript slug="site.js" />}).as('alert("site!");') }
+    it { should render(%{<r:javascript slug="site.js" as="url" />}).as("/js/site.js?#{javascript_page.updated_at.to_i}") }
+    it { should render(%{<r:javascript slug="site.js" as="link" />}).as(%{<script type="#{javascript_page.headers['Content-Type']}" src="#{javascript_page.url.gsub(/\/$/,'')}?#{javascript_page.updated_at.to_i.to_s}"></script>}) }
+    it { should render(%{<r:javascript slug="site.js" as="link" type="special/type" />}).as(%{<script type="special/type" src="#{javascript_page.url.gsub(/\/$/,'')}?#{javascript_page.updated_at.to_i.to_s}"></script>}) }
+    it { should render(%{<r:javascript slug="site.js" as="link" something="custom" />}).as(%{<script type="#{javascript_page.headers['Content-Type']}" src="#{javascript_page.url.gsub(/\/$/,'')}?#{javascript_page.updated_at.to_i.to_s}" something="custom"></script>}) }
+    it { should render(%{<r:javascript slug="site.js" as="inline" />}).as(%{<script type="#{javascript_page.headers['Content-Type']}">
+//<![CDATA[
+alert("site!");
+//]]>
+</script>}) }
+    it { should render(%{<r:javascript slug="site.js" as="inline" type="special/type" />}).as(%{<script type="special/type">
+//<![CDATA[
+alert("site!");
+//]]>
+</script>}) }
+    it { should render(%{<r:javascript slug="site.js" as="inline" something="custom" />}).as(%{<script type="#{javascript_page.headers['Content-Type']}" something="custom">
+//<![CDATA[
+alert("site!");
+//]]>
+</script>}) }
+  end
+
+end

data/spec/lib/stylesheet_tags_spec.rb

@@ -0,0 +1,41 @@
+# require 'spec_helper'
+require File.dirname(__FILE__) + '/../spec_helper'
+
+describe "Stylesheet Tags" do
+  dataset :stylesheets
+
+  let(:page){ pages(:home) }
+
+  describe "<r:stylesheet>" do
+    let(:site_css){pages(:site_css)}
+    subject { page }
+    it { should render(%{<r:stylesheet />}).with_error("`stylesheet' tag must contain a `slug' attribute.") }
+    it { should render(%{<r:stylesheet slug="bogus" />}).with_error("stylesheet bogus not found") }
+    it { should render(%{<r:stylesheet slug="site.css" />}).as("p { color: blue; }") }
+    it { should render(%{<r:stylesheet slug="site.css" as="url" />}).as("/css/site.css?#{site_css.updated_at.to_i}") }
+    it { should render(%{<r:stylesheet slug="site.css" as="link" />}).as(%{<link rel="stylesheet" type="text/css" href="/css/site.css?#{site_css.updated_at.to_i.to_s}" />}) }
+    it { should render(%{<r:stylesheet slug="site.css" as="link" type="special/type" />}).as(%{<link rel="stylesheet" type="special/type" href="/css/site.css?#{site_css.updated_at.to_i.to_s}" />}) }
+    it { should render(%{<r:stylesheet slug="site.css" as="link" something="custom" />}).as(%{<link rel="stylesheet" type="text/css" href="/css/site.css?#{site_css.updated_at.to_i.to_s}" something="custom" />}) }
+    it { should render(%{<r:stylesheet slug="site.css" as="link" rel="alternate" />}).as(%{<link rel="alternate" type="text/css" href="/css/site.css?#{site_css.updated_at.to_i.to_s}" />}) }
+    it { should render(%{<r:stylesheet slug="site.css" as="inline" />}).as(%{<style type="text/css">
+/*<![CDATA[*/
+p { color: blue; }
+/*]]>*/
+</style>}) }
+    it { should render(%{<r:stylesheet slug="site.css" as="inline" type="special/type" />}).as(%{<style type="special/type">
+/*<![CDATA[*/
+p { color: blue; }
+/*]]>*/
+</style>}) }
+    it { should render(%{<r:stylesheet slug="site.css" as="inline" something="custom" />}).as(%{<style type="text/css" something="custom">
+/*<![CDATA[*/
+p { color: blue; }
+/*]]>*/
+</style>}) }
+    it "should apply text filters when outputing content" do
+      css_result_from_sass = Sass::Engine.new(pages(:sassy_sass).part('body').content, Compass.sass_engine_options || {}).render
+      site_css.should render(%{<r:stylesheet slug="sassy.sass" />}).as(css_result_from_sass)
+    end
+  end
+
+end

data/spec/models/javascript_page_spec.rb

@@ -0,0 +1,80 @@
+require File.dirname(__FILE__) + '/../spec_helper'
+
+describe JavascriptPage do
+  dataset :javascripts
+  let(:javascript){ pages(:js) }
+  let(:site_js){ pages(:site_js) }
+  
+  subject{ javascript }
+  its(:cache?) { should be_true }
+  its(:sheet?) { should be_true }
+  its(:virtual?) { should be_true }
+  its(:layout) { should be_nil }
+  
+  describe '.root' do
+    subject{ JavascriptPage }
+    its(:root) { should == javascript }
+  end
+  
+  describe '.new_with_defaults' do
+    describe '#parts' do
+      let(:parts){ JavascriptPage.new_with_defaults.parts }
+      subject{ parts }
+      its(:length) { should == 1 }
+      it "should have a body part" do
+        parts[0].name.should == 'body'
+      end
+    end
+  end
+  
+  describe '#headers' do
+    it "should have a 'Content-Type' of 'text/javascript'" do
+      javascript.headers['Content-Type'].should == 'text/javascript'
+    end
+  end
+  
+  describe '#find_by_path' do
+    context 'with a valid url' do
+      it 'should return the child found by the given slug' do
+        javascript.find_by_path('/js/site.js').should == site_js
+      end
+    end
+  end
+  
+  context 'when validating a new page' do
+    it "should automatically set the title to the given slug" do
+      j = JavascriptPage.new(:slug => 'site.js')
+      j.valid?
+      j.title.should == 'site.js'
+    end
+    it "should automatically set the breadcrumb to the given slug" do
+      j = JavascriptPage.new(:slug => 'site.js')
+      j.valid?
+      j.breadcrumb.should == 'site.js'
+    end
+  end
+  
+  context 'when saving a new page' do
+    subject { s = JavascriptPage.new_with_defaults
+        s.slug = 'test.js'
+        s.save!
+        s }
+    its(:status){ should == Status[:published] }
+    its(:status_id){ should == Status[:published].id }
+    
+    its(:published_at){ should_not be_nil }
+    it "should have a published_at greater than or equal to the current time" do
+      subject.published_at.to_i.should <= Time.zone.now.to_i
+    end
+    
+    context 'with the default page status set to draft' do
+      it 'should save a new page with a published status' do
+        Radiant::Config['defaults.page.status'] = 'draft'
+        new_sheet = JavascriptPage.new_with_defaults
+        new_sheet.slug = 'published.js'
+        new_sheet.save!
+        new_sheet.status.should == Status[:published]
+      end
+    end
+  end
+end

data/spec/models/page_spec.rb

@@ -0,0 +1,5 @@
+require File.dirname(__FILE__) + '/../spec_helper'
+
+describe Page do
+  its(:sheet?){should be_false}
+end