0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
ghost/test/unit/apps/amp/amp_components_spec.js
Hannah Wolfe 22e13acd65 Updated var declarations to const/let and no lists
- All var declarations are now const or let as per ES6
- All comma-separated lists / chained declarations are now one declaration per line
- This is for clarity/readability but also made running the var-to-const/let switch smoother
- ESLint rules updated to match

How this was done:

- npm install -g jscodeshift
- git clone https://github.com/cpojer/js-codemod.git
- git clone git@github.com:TryGhost/Ghost.git shallow-ghost
- cd shallow-ghost
- jscodeshift -t ../js-codemod/transforms/unchain-variables.js . -v=2
- jscodeshift -t ../js-codemod/transforms/no-vars.js . -v=2
- yarn
- yarn test
- yarn lint / fix various lint errors (almost all indent) by opening files and saving in vscode
- grunt test-regression
- sorted!
2020-04-29 16:51:13 +01:00

96 lines
3.8 KiB
JavaScript

const should = require('should');
// Stuff we are testing
const ampComponentsHelper = require('../../../../core/frontend/apps/amp/lib/helpers/amp_components');
describe('{{amp_components}} helper', function () {
it('adds script tag for a gif', function () {
const post = {
html: '<img src="https://media.giphy.com/media/UsmcxQeK7BRBK/giphy.gif" alt="yoda" />'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-anim" src="https:\/\/cdn.ampproject.org\/v0\/amp-anim-0.1.js"><\/script>/);
});
it('adds script tag for an iframe tag', function () {
const post = {
html: '<iframe src="//giphy.com/embed/o0vwzuFwCGAFO" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-iframe" src="https:\/\/cdn.ampproject.org\/v0\/amp-iframe-0.1.js"><\/script>/);
});
it('adds script tag for a youtube embed', function () {
const post = {
html: '<iframe src="https://www.youtube.com/embed/zqNTltOGh5c" frameborder="0"></iframe>'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-youtube" src="https:\/\/cdn.ampproject.org\/v0\/amp-youtube-0.1.js"><\/script>/);
});
it('adds scripts for youtube embeds and iframes', function () {
const post = {
html: `
<iframe src="https://www.youtube.com/embed/zqNTltOGh5c" frameborder="0"></iframe>
<iframe src="//giphy.com/embed/o0vwzuFwCGAFO" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
`
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-youtube" src="https:\/\/cdn.ampproject.org\/v0\/amp-youtube-0.1.js"><\/script>/);
rendered.should.match(/<script async custom-element="amp-iframe" src="https:\/\/cdn.ampproject.org\/v0\/amp-iframe-0.1.js"><\/script>/);
});
it('adds script tag for an audio tag', function () {
const post = {
html: '<audio src="myaudiofile.mp3"/>'
};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.exist(rendered);
rendered.should.match(/<script async custom-element="amp-audio" src="https:\/\/cdn.ampproject.org\/v0\/amp-audio-0.1.js"><\/script>/);
});
it('returns if no html is provided', function () {
const post = {};
let rendered;
rendered = ampComponentsHelper.call(
{relativeUrl: '/post/amp/', safeVersion: '0.3', context: ['amp', 'post'], post: post},
{data: {root: {context: ['amp', 'post']}}});
should.not.exist(rendered);
});
});