// # Content Test // Test the content screen, uses the editor to create dummy content /*globals CasperTest, casper, testPost, newUser */ CasperTest.begin('Content screen is correct', 17, function suite(test) { // First, create a sample post for testing (this should probably be a routine) CasperTest.Routines.createTestPost.run(false); // Begin test casper.thenOpenAndWaitForPageLoad('content', function testTitleAndUrl() { test.assertTitle('Ghost Admin', 'Title is "Ghost Admin"'); test.assertUrlMatch(/ghost\/\d+\/$/, 'Landed on the correct URL'); }); casper.then(function testViews() { test.assertExists('.content-view-container', 'Content main view is present'); test.assertExists('.content-list-content', 'Content list view is present'); test.assertExists('.content-list .floatingheader a.btn.btn-green', 'add new post button exists'); test.assertEquals( this.getElementAttribute('.content-list .floatingheader a.btn.btn-green', 'href'), '/ghost/editor/', 'add new post href is correct' ); test.assertExists('.content-list-content li .entry-title', 'Content list view has at least one item'); test.assertSelectorHasText( '.content-list-content li:first-of-type h3', testPost.title, 'title is present and has content' ); test.assertSelectorHasText( '.content-list-content li:first-of-type .entry-meta .status .draft', 'Draft', 'correct status is present' ); test.assertExists('.content-preview', 'Content preview is present'); test.assertSelectorHasText( '.content-preview header .status', 'Written', 'preview header contains "Written" when post is a draft' ); test.assertSelectorHasText( '.content-preview header .author', newUser.name, 'preview header contains author name' ); }); casper.then(function testEditPostButton() { test.assertExists('.content-preview a.post-edit', 'edit post button exists'); }); casper.then(function testActiveItem() { test.assertExists('.content-list-content li:first-of-type .active', 'first item is active'); test.assertDoesntExist('.content-list-content li:nth-of-type(2) .active', 'second item is not active'); // Ember adds script tags into the list so we need to use nth-of-type }).thenClick('.content-list-content li:nth-of-type(2) a', function then() { test.assertDoesntExist('.content-list-content li:first-of-type .active', 'first item is not active'); test.assertExists('.content-list-content li:nth-of-type(2) .active', 'second item is active'); }); }); CasperTest.begin('Content list shows correct post status', 5, function testStaticPageStatus(test) { CasperTest.Routines.createTestPost.run(true); // Begin test casper.thenOpenAndWaitForPageLoad('content', function testTitleAndUrl() { test.assertTitle('Ghost Admin', 'Title is "Ghost Admin"'); test.assertUrlMatch(/ghost\/\d+\/$/, 'Landed on the correct URL'); }); // Select first non-draft, non-static post. Should be second in the list at this stage of testing. casper.thenClick('.content-list-content li:nth-of-type(2) a'); // Test for status of 'Published' casper.then(function checkStatus() { test.assertSelectorHasText('.content-list-content .active .published', 'Published', 'status is present and labeled as published'); }); // Test for 'Published' in header casper.then(function testHeader() { test.assertSelectorHasText( '.content-preview header .status', 'Published', 'preview header contains "Published" when post is published' ); test.assertSelectorHasText( '.content-preview header .author', newUser.name, 'preview header contains author name' ); }); casper.thenClick('.post-edit'); casper.waitForSelector('#entry-title'); // TODO readd this test when #3811 is fixed // // Change post to static page // casper.thenClick('.post-settings'); // casper.waitForOpaque('.post-settings-menu.open'); // // casper.thenClick('.post-setting-static-page'); // // casper.thenTransitionAndWaitForScreenLoad('content', function onSuccess() { // casper.waitForSelector('.content-list-content li .entry-meta .status .page', function waitForSuccess() { // test.assertSelectorHasText('.content-list-content li .entry-meta .status .page', 'Page', 'status is Page'); // }, function onTimeout() { // test.assert(false, 'status did not change'); // }); // }); }); // TODO: Implement this test... much needed! //CasperTest.begin('Infinite scrolling', 2, function suite(test) { // // Placeholder for infinite scrolling/pagination tests (will need to setup 16+ posts). // // casper.thenOpenAndWaitForPageLoad('content', function testTitleAndUrl() { // test.assertTitle('Ghost Admin', 'Title is "Ghost Admin"'); // test.assertUrlMatch(/ghost\/\d+\/$/, 'Landed on the correct URL'); // }); //}); CasperTest.begin('Posts can be marked as featured', 8, function suite(test) { // Create a sample post CasperTest.Routines.createTestPost.run(false); // Begin test casper.thenOpenAndWaitForPageLoad('content', function testTitleAndUrl() { test.assertTitle('Ghost Admin', 'Title is "Ghost Admin"'); test.assertUrlMatch(/ghost\/\d+\/$/, 'Landed on the correct URL'); }); // Mark as featured casper.waitForSelector('.content-preview .unfeatured', function () { this.click('.content-preview .unfeatured'); }, function onTimeOut() { test.assert(false, 'The first post can\'t be marked as featured'); }); casper.waitForResource(/\/posts\/\d+\/\?include=tags/, function (resource) { test.assert(400 > resource.status); }); casper.waitForSelector('.content-list-content li.featured:first-of-type', function () { test.assertExists('.content-preview .featured', 'preview pane gets featured class'); test.assertExists('.content-list-content li.featured:first-of-type', 'content list got a featured star'); }, function onTimeout() { test.assert(false, 'No featured star appeared in the left pane'); }); // Mark as not featured casper.thenClick('.content-preview .featured'); casper.waitForResource(/\/posts\/\d+\/\?include=tags/, function waitForSuccess(resource) { test.assert(400 > resource.status); }); casper.then(function untoggledFeaturedTest() { test.assertDoesntExist('.content-preview .featured', 'Untoggled featured.'); test.assertDoesntExist('.content-list-content li.featured:first-of-type'); }, function onTimeout() { test.assert(false, 'Couldn\'t unfeature post.'); }); });