Listings Made: {userListings.length}
) : (Listings Made: {organizationListings.filter((listing) => (listing.organization_id == selected)).length}
); - } + return selected === 'user' ? ( ++ Listings Made: + {' '} + {userListings.length} +
+ ) : ( ++ Listings Made: + {' '} + { + organizationListings.filter( + listing => listing.organization_id === selected, + ).length + } +
+ ); + }; const creditCount = (selected, userCreds, organizations) => { - return (selected === "user") ? (Credits Available: {userCredits}
) : (Credits Available: {organizations.find((org) => (org.id === selected)).unspent_credits_count}
); - } + return selected === 'user' ? ( ++ Credits Available: + {' '} + {userCredits} +
+ ) : ( ++ Credits Available: + {' '} + {organizations.find(org => org.id === selected).unspent_credits_count} +
+ ); + }; return (
- this.setState({selectedListings: "user"})} className={"rounded-btn " + (selectedListings === "user" ? 'active': '')}>Personal
+ this.setState({ selectedListings: 'user' })}
+ className={`rounded-btn ${
+ selectedListings === 'user' ? 'active' : ''
+ }`}
+ >
+ Personal
+
{orgButtons}
- )
+ );
}
}
diff --git a/app/javascript/listings/listings.jsx b/app/javascript/listings/listings.jsx
index cc59a7861..050ad1288 100644
--- a/app/javascript/listings/listings.jsx
+++ b/app/javascript/listings/listings.jsx
@@ -28,17 +28,17 @@ export class Listings extends Component {
const env = document.querySelector("meta[name='environment']").content;
const client = algoliasearch(algoliaId, algoliaKey);
const index = client.initIndex(`ClassifiedListing_${env}`);
- const container = document.getElementById('classifieds-index-container')
- const category = container.dataset.category || ''
+ const container = document.getElementById('classifieds-index-container');
+ const category = container.dataset.category || '';
const allCategories = JSON.parse(container.dataset.allcategories || []);
let tags = [];
if (params.t) {
- tags = params.t.split(',')
+ tags = params.t.split(',');
}
- const query = params.q || ''
+ const query = params.q || '';
let listings = [];
if (tags.length === 0 && query === '') {
- listings = JSON.parse(container.dataset.listings)
+ listings = JSON.parse(container.dataset.listings);
}
let openedListing = null;
let slug = null;
@@ -47,27 +47,35 @@ export class Listings extends Component {
slug = openedListing.slug;
document.body.classList.add('modal-open');
}
- t.setState({query, tags, index, category, allCategories, listings, openedListing, slug });
+ t.setState({
+ query,
+ tags,
+ index,
+ category,
+ allCategories,
+ listings,
+ openedListing,
+ slug,
+ });
t.listingSearch(query, tags, category, slug);
- t.setUser()
+ t.setUser();
- document.body.addEventListener('keydown', t.handleKeyDown)
+ document.body.addEventListener('keydown', t.handleKeyDown);
/*
The width of the columns also changes when the browser is resized
so we will also call this function on window resize to recalculate
each grid item's height to avoid content overflow
*/
- window.addEventListener("resize", resizeAllMasonryItems);
-
+ window.addEventListener('resize', resizeAllMasonryItems);
}
componentDidUpdate() {
- this.triggerMasonry()
+ this.triggerMasonry();
}
componentWillUnmount() {
- document.body.removeEventListener('keydown', this.handleKeyDown)
+ document.body.removeEventListener('keydown', this.handleKeyDown);
}
addTag = (e, tag) => {
@@ -75,12 +83,12 @@ export class Listings extends Component {
const { query, tags, category } = this.state;
const newTags = tags;
if (newTags.indexOf(tag) === -1) {
- newTags.push(tag)
+ newTags.push(tag);
}
- this.setState({tags: newTags, page: 0, listings: []})
- this.listingSearch(query, newTags, category, null)
- window.scroll(0,0)
- }
+ this.setState({ tags: newTags, page: 0, listings: [] });
+ this.listingSearch(query, newTags, category, null);
+ window.scroll(0, 0);
+ };
removeTag = (e, tag) => {
e.preventDefault();
@@ -90,85 +98,93 @@ export class Listings extends Component {
if (newTags.indexOf(tag) > -1) {
newTags.splice(index, 1);
}
- this.setState({tags: newTags, page: 0, listings: []})
- this.listingSearch(query, newTags, category, null)
- }
+ this.setState({ tags: newTags, page: 0, listings: [] });
+ this.listingSearch(query, newTags, category, null);
+ };
selectCategory = (e, cat) => {
e.preventDefault();
const { query, tags } = this.state;
- this.setState({category: cat, page: 0, listings: []})
- this.listingSearch(query, tags, cat, null)
- }
+ this.setState({ category: cat, page: 0, listings: [] });
+ this.listingSearch(query, tags, cat, null);
+ };
- handleKeyDown = (e) => {
+ handleKeyDown = e => {
// Enable Escape key to close an open listing.
if (this.openedListing !== null && e.key === 'Escape') {
- this.handleCloseModal()
+ this.handleCloseModal();
}
- }
+ };
- handleCloseModal = (e) => {
- if (e.target.id === 'single-classified-listing-container__inner' ||
+ handleCloseModal = e => {
+ if (
+ e.target.id === 'single-classified-listing-container__inner' ||
e.target.id === 'classified-filters' ||
- e.target.id === 'classified-listings-modal-background' ) {
+ e.target.id === 'classified-listings-modal-background'
+ ) {
const { query, tags, category } = this.state;
- this.setState({openedListing: null, page: 0})
+ this.setState({ openedListing: null, page: 0 });
this.setLocation(query, tags, category, null);
- document.body.classList.remove('modal-open');
+ document.body.classList.remove('modal-open');
}
- }
+ };
handleOpenModal = (e, listing) => {
e.preventDefault();
- this.setState({openedListing: listing});
- window.history.replaceState(null, null, `/listings/${listing.category}/${listing.slug}`);
+ this.setState({ openedListing: listing });
+ window.history.replaceState(
+ null,
+ null,
+ `/listings/${listing.category}/${listing.slug}`,
+ );
this.setLocation(null, null, listing.category, listing.slug);
document.body.classList.add('modal-open');
- }
+ };
- handleDraftingMessage = (e) => {
+ handleDraftingMessage = e => {
e.preventDefault();
- this.setState({ message: e.target.value })
- }
+ this.setState({ message: e.target.value });
+ };
- handleSubmitMessage = (e) => {
+ handleSubmitMessage = e => {
e.preventDefault();
- const { message, openedListing} = this.state
+ const { message, openedListing } = this.state;
if (this.state.message.replace(/\s/g, '').length === 0) {
return;
}
const formData = new FormData();
formData.append('user_id', openedListing.user_id);
- formData.append('message', `**re: ${openedListing.title}** ${message}`)
+ formData.append('message', `**re: ${openedListing.title}** ${message}`);
formData.append('controller', 'chat_channels');
const destination = `/connect/@${openedListing.author.username}`;
const metaTag = document.querySelector("meta[name='csrf-token']");
- window.fetch('/chat_channels/create_chat', {
- method: 'POST',
- headers: {
- 'X-CSRF-Token': metaTag.getAttribute("content"),
- },
- body: formData,
- credentials: 'same-origin',
- }).then(() => {
- window.location.href = destination;
- });
- }
+ window
+ .fetch('/chat_channels/create_chat', {
+ method: 'POST',
+ headers: {
+ 'X-CSRF-Token': metaTag.getAttribute('content'),
+ },
+ body: formData,
+ credentials: 'same-origin',
+ })
+ .then(() => {
+ window.location.href = destination;
+ });
+ };
handleQuery = e => {
const { tags, category } = this.state;
- this.setState({query: e.target.value, page: 0, listings: []})
- this.listingSearch(e.target.value, tags, category, null)
- }
+ this.setState({ query: e.target.value, page: 0, listings: [] });
+ this.listingSearch(e.target.value, tags, category, null);
+ };
clearQuery = () => {
const { tags, category } = this.state;
document.getElementById('listings-search').value = '';
- this.setState({query: '', page: 0, listings: []});
+ this.setState({ query: '', page: 0, listings: [] });
this.listingSearch('', tags, category, null);
- }
+ };
getQueryParams = () => {
let qs = document.location.search;
@@ -179,83 +195,96 @@ export class Listings extends Component {
const re = /[?&]?([^=]+)=([^&]*)/g;
// eslint-disable-next-line no-cond-assign
- while (tokens = re.exec(qs)) {
+ while ((tokens = re.exec(qs))) {
params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
}
return params;
- }
+ };
loadNextPage = () => {
const { query, tags, category, slug, page } = this.state;
- this.setState({page: page + 1});
+ this.setState({ page: page + 1 });
this.listingSearch(query, tags, category, slug);
- }
+ };
setUser = () => {
const t = this;
setTimeout(function() {
if (window.currentUser && t.state.currentUserId === null) {
- t.setState({currentUserId: window.currentUser.id });
+ t.setState({ currentUserId: window.currentUser.id });
}
- }, 300)
+ }, 300);
setTimeout(function() {
if (window.currentUser && t.state.currentUserId === null) {
- t.setState({currentUserId: window.currentUser.id });
+ t.setState({ currentUserId: window.currentUser.id });
}
- }, 1000)
- }
+ }, 1000);
+ };
triggerMasonry = () => {
resizeAllMasonryItems();
setTimeout(function() {
resizeAllMasonryItems();
- }, 1)
+ }, 1);
setTimeout(function() {
resizeAllMasonryItems();
- }, 3)
- }
+ }, 3);
+ };
setLocation = (query, tags, category, slug) => {
- let newLocation = ''
+ let newLocation = '';
if (slug) {
newLocation = `/listings/${category}/${slug}`;
} else if (query.length > 0 && tags.length > 0) {
newLocation = `/listings/${category}?q=${query}&t=${tags}`;
- } else if (query.length > 0){
+ } else if (query.length > 0) {
newLocation = `/listings/${category}?q=${query}`;
} else if (tags.length > 0) {
newLocation = `/listings/${category}?t=${tags}`;
} else if (category.length > 0) {
newLocation = `/listings/${category}`;
} else {
- newLocation = '/listings'
+ newLocation = '/listings';
}
window.history.replaceState(null, null, newLocation);
- }
+ };
listingSearch(query, tags, category, slug) {
const t = this;
const { index, page, listings } = t.state;
- const filterObject = {tagFilters: tags, hitsPerPage: 75, page}
+ const filterObject = { tagFilters: tags, hitsPerPage: 75, page };
if (category.length > 0) {
- filterObject.filters = `category:${category}`
+ filterObject.filters = `category:${category}`;
}
- index.search(query, filterObject)
- .then(function searchDone(content) {
+ index.search(query, filterObject).then(function searchDone(content) {
const fullListings = listings;
content.hits.forEach(listing => {
- if (!listings.map(l => (l.id)).includes(listing.id)) {
- fullListings.push(listing)
+ if (!listings.map(l => l.id).includes(listing.id)) {
+ fullListings.push(listing);
}
});
- t.setState({listings: fullListings, initialFetch: false, showNextPageButt: content.hits.length === 75});
+ t.setState({
+ listings: fullListings,
+ initialFetch: false,
+ showNextPageButt: content.hits.length === 75,
+ });
});
this.setLocation(query, tags, category, slug);
}
render() {
- const { listings, query, tags, category, allCategories, currentUserId, openedListing, showNextPageButt, initialFetch } = this.state;
+ const {
+ listings,
+ query,
+ tags,
+ category,
+ allCategories,
+ currentUserId,
+ openedListing,
+ showNextPageButt,
+ initialFetch,
+ } = this.state;
const allListings = listings.map(listing => (
Listings
{listingLength(selectedListings, listings, orgListings)} - Create a Listing + Create a Listing
{showListings(selectedListings, listings, orgListings)}
-
+
+
- )
+ );
}
- const clearQueryButton = query.length > 0 ? : '';
+ const clearQueryButton =
+ query.length > 0 ? (
+
+ ) : (
+ ''
+ );
let modal = '';
let modalBg = '';
let messageModal = '';
if (openedListing) {
- modalBg =
- if (openedListing.contact_via_connect && openedListing.user_id !== currentUserId) {
+ modalBg = (
+
+ );
+ if (
+ openedListing.contact_via_connect &&
+ openedListing.user_id !== currentUserId
+ ) {
messageModal = (
-
);
} else if (openedListing.contact_via_connect) {
messageModal = (
-
);
}
modal = (
- { where spent: false }, class_name: "Credit", inverse_of: :organization
has_many :classified_listings
+ has_many :profile_pins, as: :profile, inverse_of: :profile
validates :name, :summary, :url, :profile_image, presence: true
validates :name,
diff --git a/app/models/profile_pin.rb b/app/models/profile_pin.rb
new file mode 100644
index 000000000..7d1a0084d
--- /dev/null
+++ b/app/models/profile_pin.rb
@@ -0,0 +1,21 @@
+class ProfilePin < ApplicationRecord
+ belongs_to :pinnable, polymorphic: true
+ belongs_to :profile, polymorphic: true
+
+ validates :profile_id, presence: true
+ validates :profile_type, inclusion: { in: %w[User] } # Future could be organization, tag, etc.
+ validates :pinnable_id, presence: true, uniqueness: { scope: %i[profile_id profile_type pinnable_type]}
+ validates :pinnable_type, inclusion: { in: %w[Article] } # Future could be comments, etc.
+ validate :only_five_pins_per_profile
+ validate :pinnable_belongs_to_profile
+
+ private
+
+ def only_five_pins_per_profile
+ errors.add(:base, "cannot have more than five total pinned posts") if profile.profile_pins.size > 5
+ end
+
+ def pinnable_belongs_to_profile
+ errors.add(:pinnable_id, "must have proper premissions for pin") if pinnable.user_id != profile_id
+ end
+end
diff --git a/app/models/user.rb b/app/models/user.rb
index 67424b2d3..12bf39643 100644
--- a/app/models/user.rb
+++ b/app/models/user.rb
@@ -27,6 +27,7 @@ class User < ApplicationRecord
has_many :mentions, dependent: :destroy
has_many :messages, dependent: :destroy
has_many :notes, as: :noteable, inverse_of: :noteable
+ has_many :profile_pins, as: :profile, inverse_of: :profile
has_many :authored_notes, as: :author, inverse_of: :author, class_name: "Note"
has_many :notifications, dependent: :destroy
has_many :reactions, dependent: :destroy
diff --git a/app/views/articles/_single_story.html.erb b/app/views/articles/_single_story.html.erb
index c687b7a41..b223fbc4d 100644
--- a/app/views/articles/_single_story.html.erb
+++ b/app/views/articles/_single_story.html.erb
@@ -28,8 +28,7 @@
+
- )
+ );
}
if (initialFetch) {
this.triggerMasonry();
@@ -339,13 +465,31 @@ export class Listings extends Component {
{modalBg}
@@ -356,23 +500,31 @@ export class Listings extends Component {
{nextPageButt}
{modal}
- )
+ );
}
}
-function resizeMasonryItem(item){
+function resizeMasonryItem(item) {
/* Get the grid object, its row-gap, and the size of its implicit rows */
const grid = document.getElementsByClassName('classifieds-columns')[0];
- const rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-row-gap'));
- const rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-auto-rows'));
+ const rowGap = parseInt(
+ window.getComputedStyle(grid).getPropertyValue('grid-row-gap'),
+ );
+ const rowHeight = parseInt(
+ window.getComputedStyle(grid).getPropertyValue('grid-auto-rows'),
+ );
- const rowSpan = Math.ceil((item.querySelector('.listing-content').getBoundingClientRect().height+rowGap)/(rowHeight+rowGap));
+ const rowSpan = Math.ceil(
+ (item.querySelector('.listing-content').getBoundingClientRect().height +
+ rowGap) /
+ (rowHeight + rowGap),
+ );
/* Set the spanning as calculated above (S) */
// eslint-disable-next-line no-param-reassign
- item.style.gridRowEnd = `span ${ rowSpan}`;
+ item.style.gridRowEnd = `span ${rowSpan}`;
}
-function resizeAllMasonryItems(){
+function resizeAllMasonryItems() {
// Get all item class objects in one list
const allItems = document.getElementsByClassName('single-classified-listing');
@@ -381,12 +533,9 @@ function resizeAllMasonryItems(){
* each list-item (i.e. each masonry item)
*/
// eslint-disable-next-line vars-on-top
- for(let i=0;i- <%= story.cached_user.name %>・ - + <%= story.cached_user.name %>・
diff --git a/app/views/articles/manage.html.erb b/app/views/articles/manage.html.erb
index 2a070a90c..6985ad894 100644
--- a/app/views/articles/manage.html.erb
+++ b/app/views/articles/manage.html.erb
@@ -4,6 +4,12 @@
Dashboard 👉 Manage Your Post
+ <% if flash[:pins_error] %>
+ Uh Oh! <%= flash[:pins_error] %> 😬
+ <% end %> + <% if flash[:pins_success] %> +<%= flash[:pins_success] %>
+ <% end %>Tools:
Suggest a Tweet: Help get your post in front of more developers by suggesting a tweet that ">@<%= ApplicationConfig["SITE_TWITTER_HANDLE"] %> editors can use.
Experience Level of Post: The best target dev experience level— a gentle indicator to help show the post to the people who will benefit the most. diff --git a/app/views/dashboards/_dashboard_article.html.erb b/app/views/dashboards/_dashboard_article.html.erb index fbd5c4443..34198dce4 100644 --- a/app/views/dashboards/_dashboard_article.html.erb +++ b/app/views/dashboards/_dashboard_article.html.erb @@ -37,6 +37,16 @@ EDIT <% if manage_view %> DELETE + <% if article.profile_pins.any? %> + <%= form_for(article.profile_pins.first) do |f| %> + + <% end %> + <% else %> + <%= form_for(ProfilePin.new) do |f| %> + <%= f.hidden_field :pinnable_id, value: article.id %> + + <% end %> + <% end %> <% elsif article.published %> MANAGE <% else %> diff --git a/app/views/users/_main_feed.html.erb b/app/views/users/_main_feed.html.erb index 0c6eaddac..836ca2923 100644 --- a/app/views/users/_main_feed.html.erb +++ b/app/views/users/_main_feed.html.erb @@ -1,3 +1,11 @@ +<% if @pinned_stories.any? %> +
+ 
" alt="pin" /> Pinned
+ <% @pinned_stories.each do |story| %>
+ <%= render "articles/single_story", story: story %>
+ <% end %>
+
+<% end %>
<% @stories.each_with_index do |story, i| %>
<%= render "articles/single_story", story: story %>
<% if i == 0 && @comments.any? %>
diff --git a/config/routes.rb b/config/routes.rb
index b35fe07cc..b3f58f968 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -145,6 +145,7 @@ Rails.application.routes.draw do
resources :reading_list_items, only: [:update]
resources :poll_votes, only: %i[show create]
resources :poll_skips, only: [:create]
+ resources :profile_pins, only: %i[create update]
get "/chat_channel_memberships/find_by_chat_channel_id" => "chat_channel_memberships#find_by_chat_channel_id"
get "/credits/purchase" => "credits#new"
diff --git a/db/migrate/20190616053854_create_profile_pins.rb b/db/migrate/20190616053854_create_profile_pins.rb
new file mode 100644
index 000000000..64bcc01f2
--- /dev/null
+++ b/db/migrate/20190616053854_create_profile_pins.rb
@@ -0,0 +1,13 @@
+class CreateProfilePins < ActiveRecord::Migration[5.2]
+ def change
+ create_table :profile_pins do |t|
+ t.bigint :profile_id
+ t.bigint :pinnable_id
+ t.string :profile_type
+ t.string :pinnable_type
+ t.timestamps
+ end
+ add_index("profile_pins", "profile_id")
+ add_index("profile_pins", "pinnable_id")
+ end
+end
diff --git a/db/schema.rb b/db/schema.rb
index 39e2369fd..e82556ac0 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -715,6 +715,17 @@ ActiveRecord::Schema.define(version: 2019_06_19_153428) do
t.datetime "updated_at", null: false
end
+ create_table "profile_pins", force: :cascade do |t|
+ t.datetime "created_at", null: false
+ t.bigint "pinnable_id"
+ t.string "pinnable_type"
+ t.bigint "profile_id"
+ t.string "profile_type"
+ t.datetime "updated_at", null: false
+ t.index ["pinnable_id"], name: "index_profile_pins_on_pinnable_id"
+ t.index ["profile_id"], name: "index_profile_pins_on_profile_id"
+ end
+
create_table "push_notification_subscriptions", force: :cascade do |t|
t.string "auth_key"
t.datetime "created_at", null: false
@@ -884,6 +895,7 @@ ActiveRecord::Schema.define(version: 2019_06_19_153428) do
t.text "base_cover_letter"
t.string "behance_url"
t.string "bg_color_hex"
+ t.text "cached_chat_channel_memberships"
t.boolean "checked_code_of_conduct", default: false
t.integer "comments_count", default: 0, null: false
t.string "config_font", default: "default"
@@ -1000,6 +1012,7 @@ ActiveRecord::Schema.define(version: 2019_06_19_153428) do
t.string "stackoverflow_url"
t.string "stripe_id_code"
t.text "summary"
+ t.text "summary_html"
t.string "tabs_or_spaces"
t.string "text_color_hex"
t.string "text_only_name"
diff --git a/spec/factories/profile_pins.rb b/spec/factories/profile_pins.rb
new file mode 100644
index 000000000..caf7eab03
--- /dev/null
+++ b/spec/factories/profile_pins.rb
@@ -0,0 +1,6 @@
+FactoryBot.define do
+ factory :profile_pin do
+ pinnable_type { "Article" }
+ profile_type { "User" }
+ end
+end
diff --git a/spec/models/profile_pin_spec.rb b/spec/models/profile_pin_spec.rb
new file mode 100644
index 000000000..389ae9993
--- /dev/null
+++ b/spec/models/profile_pin_spec.rb
@@ -0,0 +1,44 @@
+require 'rails_helper'
+
+RSpec.describe ProfilePin, type: :model do
+ let(:user) { create(:user) }
+ let(:second_user) { create(:user) }
+ let(:article) { create(:article, user_id: user.id) }
+ let(:second_article) { create(:article, user_id: user.id) }
+ let(:third_article) { create(:article, user_id: user.id) }
+ let(:fourth_article) { create(:article, user_id: user.id) }
+ let(:fifth_article) { create(:article, user_id: user.id) }
+ let(:sixth_article) { create(:article, user_id: user.id) }
+
+ describe "validations" do
+ it "allows up to five pins per user" do
+ create(:profile_pin, pinnable_id: article.id, profile_id: user.id)
+ create(:profile_pin, pinnable_id: second_article.id, profile_id: user.id)
+ create(:profile_pin, pinnable_id: third_article.id, profile_id: user.id)
+ create(:profile_pin, pinnable_id: fourth_article.id, profile_id: user.id)
+ last_pin = create(:profile_pin, pinnable_id: fifth_article.id, profile_id: user.id)
+ expect(last_pin).to be_valid
+ end
+
+ it "disallows the sixth pin" do
+ create(:profile_pin, pinnable_id: article.id, profile_id: user.id)
+ create(:profile_pin, pinnable_id: second_article.id, profile_id: user.id)
+ create(:profile_pin, pinnable_id: third_article.id, profile_id: user.id)
+ create(:profile_pin, pinnable_id: fourth_article.id, profile_id: user.id)
+ create(:profile_pin, pinnable_id: fifth_article.id, profile_id: user.id)
+ last_pin = create(:profile_pin, pinnable_id: sixth_article.id, profile_id: user.id)
+ expect(last_pin).not_to be_valid
+ end
+
+ it "ensures pinnable belongs to profile" do
+ pin = build(:profile_pin, pinnable_id: article.id, profile_id: second_user.id)
+ expect(pin).not_to be_valid
+ end
+
+ it "ensures one pin per pinnable per profile" do
+ create(:profile_pin, pinnable_id: article.id, profile_id: user.id)
+ last_pin = build(:profile_pin, pinnable_id: article.id, profile_id: user.id)
+ expect(last_pin).not_to be_valid
+ end
+ end
+end
diff --git a/spec/requests/profile_pins_spec.rb b/spec/requests/profile_pins_spec.rb
new file mode 100644
index 000000000..70b644c15
--- /dev/null
+++ b/spec/requests/profile_pins_spec.rb
@@ -0,0 +1,25 @@
+require "rails_helper"
+
+RSpec.describe "ProfilePins", type: :request do
+ let(:user) { create(:user) }
+ let(:article) { create(:article, user_id: user.id) }
+
+ before { sign_in user }
+
+ describe "POST /profile_pins" do
+ it "creates a pin" do
+ post "/profile_pins", params: {
+ profile_pin: { pinnable_id: article.id }
+ }
+ expect(ProfilePin.last.pinnable_id).to eq(article.id)
+ end
+ end
+
+ describe "PUT /profile_pins/:id" do
+ it "votes on behalf of current user" do
+ profile_pin = create(:profile_pin, pinnable_id: article.id, profile_id: user.id)
+ put "/profile_pins/#{profile_pin.id}"
+ expect(ProfilePin.all.size).to eq(0)
+ end
+ end
+end
diff --git a/spec/requests/user_profile_spec.rb b/spec/requests/user_profile_spec.rb
index cf72ef860..1ac731aea 100644
--- a/spec/requests/user_profile_spec.rb
+++ b/spec/requests/user_profile_spec.rb
@@ -10,6 +10,20 @@ RSpec.describe "UserProfiles", type: :request do
expect(response.body).to include CGI.escapeHTML(user.name)
end
+ it "renders pins if any" do
+ create(:article, user_id: user.id)
+ create(:article, user_id: user.id)
+ last_article = create(:article, user_id: user.id)
+ create(:profile_pin, pinnable_id: last_article.id, profile_id: user.id)
+ get "/#{user.username}"
+ expect(response.body).to include "Pinned"
+ end
+
+ it "does not render pins if they don't exist" do
+ get "/#{user.username}"
+ expect(response.body).not_to include "Pinned"
+ end
+
it "renders profile page of user after changed username" do
old_username = user.username
user.update(username: "new_username_yo_#{rand(10_000)}")