/*global casper*/
/*jshint strict:false*/
var x = require('casper').selectXPath;
casper.test.begin('getElementAttribute() tests', 4, function(test) {
casper.start('tests/site/elementattribute.html', function() {
test.assertEquals(this.getElementAttribute('.testo', 'data-stuff'),
'beautiful string', 'Casper.getElementAttribute() works with a CSS selector');
test.assertEquals(this.getElementAttribute(x('//div[@class]'), 'data-stuff'),
'beautiful string', 'Casper.getElementAttribute() works with a XPath selector');
}).then(function() {
test.assertEquals(this.getElementsAttribute('.testo', 'data-stuff'),
['beautiful string', 'not as beautiful string'],
'Casper.getElementsAttribute() works with a CSS selector');
test.assertEquals(this.getElementsAttribute(x('//div[@class]'), 'data-stuff'),
['beautiful string', 'not as beautiful string'],
'Casper.getElementsAttribute() works with a XPath selector');
}).run(function() {
test.done();
});
});
casper.test.begin('Ama functionality', function suite(test) {
// Create new question
casper.start('https://ama-jdorpinghaus.c9.io/questions', function() {
test.assertExists('div#newquestion', 'Found question form');
this.click('div#newquestion');
this.fill('form#newquestionform', {
'question': 'CasperTestQuestion'
}, true);
});
idobject = '';
id = '';
commentid = '';
// Edit question
casper.then(function(){
x = require('casper').selectXPath;
casper.waitUntilVisible(x("//*[text()='CasperTestQuestion']"), function(){
test.assertExists(x("//*[text()='CasperTestQuestion']"), 'Created question');
idobject = this.getElementAttribute(x("//*[text()='CasperTestQuestion']"), 'id');
id = /(\d+)/.exec(idobject);
id=id[0];
this.click("h1#" + idobject);
this.fill('form#questionform_' + id, {
'question': 'CasperEDITED'
}, false);
this.click("input#questioneditsubmit_" + id);
});
});
// Flag/unflag question
casper.then(function(){
casper.waitUntilVisible(x("//*[text()='CasperEDITED']"), function(){
test.assertExists(x("//*[text()='CasperEDITED']"), 'Edited question')
this.click("div#flagcontainer_" + id);
casper.waitUntilVisible("img#flag_" + id, function (){
test.assertNotEquals(this.getElementAttribute("img#flag_" + id, 'src').indexOf('red'), -1, 'Changed question flag image to red');
this.click("div#flagcontainer_" + id);
casper.waitUntilVisible("img#flag_" + id, function(){
test.assertEquals(this.getElementAttribute("img#flag_" + id, 'src').indexOf('red'), -1, 'Changed question flag image to gray');
});
});
});
});
//Vote down on question
casper.then(function(){
casper.waitUntilVisible("p#count_" + id, function(){
var count = this.fetchText("p#count_" + id);
this.click("img#down_" + id);
casper.waitUntilVisible("img#down_" + id, function(){
test.assertNotEquals(this.getElementAttribute("img#down_" + id, 'src').indexOf('clicked'), -1, 'Changed downvote image');
test.assertEquals(this.getElementAttribute("img#up_" + id, 'src').indexOf('clicked'), -1, "Didn't change upvote image");
casper.waitUntilVisible("p#count_" + id, function(){
test.assertEquals(Number(this.fetchText("p#count_" + id)), (Number(count) - 1), "Voted down on question");
});
});
});
});
//Vote up on question
casper.then(function(){
casper.waitUntilVisible("p#count_" + id, function(){
var count = this.fetchText("p#count_" + id);
this.click("img#up_" + id);
casper.waitUntilVisible("img#up_" + id, function(){
test.assertNotEquals(this.getElementAttribute("img#up_" + id, 'src').indexOf('clicked'), -1, 'Changed upvote image');
test.assertEquals(this.getElementAttribute("img#down_" + id, 'src').indexOf('clicked'), -1, "Didn't change downvote image");
casper.waitUntilVisible("p#count_" + id, function(){
test.assertEquals(Number(this.fetchText("p#count_" + id)), (Number(count) + 2), "Voted up on question");
});
});
});
});
//Add comment
casper.then(function(){
this.click("h4#reply_" + id);
casper.waitUntilVisible("form#commentform_" + id, function(){
this.fill('form#commentform_' + id, {
'comment': 'CasperComment'
}, false);
this.click("input#submit_" + id);
casper.waitUntilVisible(x("//*[normalize-space()='CasperComment']"), function(){
idobject = this.getElementAttribute(x("//*[normalize-space()='CasperComment']"), 'id');
commentid = /(\d+)/.exec(idobject);
commentid=commentid[0];
});
});
});
//Edit comment
casper.then(function(){
this.click("span#" + idobject);
test.assertExists("form#editcommentform_" + id, "Found edit comment form");
this.fill('form#editcommentform_' + id, {
'comment': 'CasperCommentEDITED'
}, false);
this.click("input#editsubmit_" + id);
this.waitUntilVisible("span#" + idobject, function(){
test.assertEquals(this.fetchText("span#" + idobject), 'CasperCommentEDITED', "Edited comment");
});
});
// Flag/unflag comment
casper.then(function(){
casper.waitUntilVisible("img#commentflag_" + commentid, function(){
this.click("img#commentflag_" + commentid);
casper.waitUntilVisible("img#commentflag_" + commentid, function(){
test.assertNotEquals(this.getElementAttribute("img#commentflag_" + commentid, 'src').indexOf('red'), -1, 'Changed comment flag image to red');
this.click("img#commentflag_" + commentid);
casper.waitUntilVisible("img#commentflag_" + commentid, function(){
test.assertEquals(this.getElementAttribute("img#commentflag_" + commentid, 'src').indexOf('red'), -1, 'Changed comment flag image to gray');
});
});
});
});
// Vote down on comment
casper.then(function(){
var count = this.fetchText("span#commentvotecount_" + commentid);
this.click("img#commentdown_" + commentid);
casper.waitUntilVisible("img#commentdown_" + commentid, function(){
test.assertNotEquals(this.getElementAttribute("img#commentdown_" + commentid, 'src').indexOf('clicked'), -1, 'Changed comment downvote image');
test.assertEquals(this.getElementAttribute("img#commentup_" + commentid, 'src').indexOf('clicked'), -1, "Didn't change comment upvote image");
casper.waitUntilVisible("span#commentvotecount_" + commentid, function(){
test.assertEquals(Number(this.fetchText("span#commentvotecount_" + commentid)), (Number(count) - 1), "Voted down on comment");
});
});
});
// Vote up on comment
casper.then(function(){
var count = this.fetchText("span#commentvotecount_" + commentid);
this.click("img#commentup_" + commentid);
casper.waitUntilVisible("img#commentup_" + commentid, function(){
test.assertNotEquals(this.getElementAttribute("img#commentup_" + commentid, 'src').indexOf('clicked'), -1, 'Changed comment upvote image');
test.assertEquals(this.getElementAttribute("img#commentdown_" + commentid, 'src').indexOf('clicked'), -1, "Didn't change comment downvote image");
casper.waitUntilVisible("span#commentvotecount_" + commentid, function(){
test.assertEquals(Number(this.fetchText("span#commentvotecount_" + commentid)), (Number(count) + 2), "Voted up on comment");
});
});
});
// Mark/unmark/swap comment as answer
casper.then(function(){
this.click("img#markanswer_" + commentid);
casper.waitUntilVisible("img#markanswer_" + commentid, function(){
test.assertNotEquals(this.getElementAttribute("img#markanswer_" + commentid, 'src').indexOf('checked'), -1, 'Marked comment as answer');
this.click("img#markanswer_" + commentid);
casper.waitUntilVisible("img#markanswer_" + commentid, function(){
test.assertEquals(this.getElementAttribute("img#markanswer_" + commentid, 'src').indexOf('checked'), -1, 'Unmarked comment as answer');
this.click("h4#reply_" + id);
casper.waitUntilVisible("form#commentform_" + id, function(){
this.fill('form#commentform_' + id, {
'comment': 'CasperComment2'
}, false);
this.click("input#submit_" + id);
casper.waitUntilVisible(x("//*[normalize-space()='CasperComment2']"), function(){
idobject2 = this.getElementAttribute(x("//*[normalize-space()='CasperComment2']"), 'id');
commentid2 = /(\d+)/.exec(idobject2);
commentid2=commentid2[0];
this.click("img#markanswer_" + commentid2);
casper.waitUntilVisible("img#markanswer_" + commentid2, function(){
test.assertNotEquals(this.getElementAttribute("img#markanswer_" + commentid2, 'src').indexOf('checked'), -1, 'Marked second comment as answer');
test.assertEquals(this.getElementAttribute("img#markanswer_" + commentid, 'src').indexOf('checked'), -1, 'Unmarked first comment as answer');
this.click("img#markanswer_" + commentid2);
});
});
});
});
});
});
// Delete comment
casper.then(function(){
this.click("img#delete_" + commentid);
casper.waitWhileVisible("img#delete_" + commentid, function(){
test.assertDoesntExist("div#comment_" + commentid, 'Deleted comment');
});
// Delete question
casper.then(function(){
this.click("img#deletequestion_" + id);
casper.waitWhileVisible("img#deletequestion_" + id, function(){
test.assertDoesntExist("h1#questiontitle_" + id, 'Deleted question');
});
});
});
casper.run(function() {
test.done();
});
});
/**
* Copyright 2019 The AMP HTML Authors. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS-IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
describes.endtoend(
'amp-bind with <amp-video>',
{
fixture: 'amp-bind/bind-video.html',
environments: 'ampdoc-amp4ads-preset',
},
async (env) => {
let controller;
beforeEach(async () => {
controller = env.controller;
});
it('should support binding to src', async () => {
const button = await controller.findElement('#changeVidSrcButton');
const video = await controller.findElement('#video');
await expect(controller.getElementAttribute(video, 'src')).to.equal(
'https://www.google.com/unbound.webm'
);
await controller.click(button);
await expect(controller.getElementAttribute(video, 'src')).to.equal(
'https://www.google.com/bound.webm'
);
});
it('should NOT change src when new value is a blocked URL', async () => {
const button = await controller.findElement('#disallowedVidUrlButton');
const video = await controller.findElement('#video');
await expect(controller.getElementAttribute(video, 'src')).to.equal(
'https://www.google.com/unbound.webm'
);
await controller.click(button);
await expect(controller.getElementAttribute(video, 'src')).to.equal(
'https://www.google.com/unbound.webm'
);
});
it('should NOT change src when new value uses an invalid protocol', async () => {
const button = await controller.findElement('#httpVidSrcButton');
const video = await controller.findElement('#video');
await expect(controller.getElementAttribute(video, 'src')).to.equal(
'https://www.google.com/unbound.webm'
);
await controller.click(button);
// Only HTTPS is allowed
await expect(controller.getElementAttribute(video, 'src')).to.equal(
'https://www.google.com/unbound.webm'
);
});
it('should change alt when the alt attribute binding changes', async () => {
const button = await controller.findElement('#changeVidAltButton');
const video = await controller.findElement('#video');
await expect(controller.getElementAttribute(video, 'alt')).to.equal(
'unbound'
);
await controller.click(button);
await expect(controller.getElementAttribute(video, 'alt')).to.equal(
'hello world'
);
});
it('should show/hide vid controls when the control binding changes', async () => {
const showButton = await controller.findElement('#showVidControlsButton');
const hideButton = await controller.findElement('#hideVidControlsButton');
const video = await controller.findElement('#video');
await expect(controller.getElementAttribute(video, 'controls')).to.be
.null;
await controller.click(showButton);
await expect(controller.getElementAttribute(video, 'controls')).to.not.be
.null;
await controller.click(hideButton);
await expect(controller.getElementAttribute(video, 'controls')).to.be
.null;
});
}
);
