| const HAS_ERROR_CLASS = 'has-error'; | |
| const ERROR_MESSAGE_CLASS = 'FormGroup-feedback'; | |
| const SELECTORS = { | |
| errorMessage: `.${ERROR_MESSAGE_CLASS}` | |
| }; | |
| const FormValidation = { | |
| init() { | |
| let forms = window.document.querySelectorAll('[data-validate]'); | |
| if (!forms) return; |
| import fetchJsonp from 'fetch-jsonp'; | |
| const endpoint = | |
| 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=Valencia&tagmode=any'; | |
| const result = fetchJsonp(endpoint, { | |
| jsonpCallback: 'jsoncallback', | |
| timeout: 3000 | |
| }); |
| const waitUntilElementExists = (DOMSelector, MAX_TIME = 10000) => { | |
| let timeout = 0; | |
| const waitForContainerElement = (resolve, reject) => { | |
| const container = document.querySelector(DOMSelector); | |
| timeout += 30; | |
| if (timeout >= MAX_TIME) reject('Element not found'); | |
| if (!container || container.length === 0) { |
| # ... | |
| activate :external_pipeline, | |
| name: :webpack, | |
| command: build? ? "npm run build:assets" : "npm run start:assets", | |
| source: ".tmp/webpack_output", | |
| latency: 1 | |
| # ... |
| const jsdom = require("jsdom"); | |
| const { JSDOM } = jsdom; | |
| const dom = new JSDOM('<!DOCTYPE html><html><head></head><body></body></html>'); | |
| global.window = dom.window; | |
| global.document = dom.window.document; | |
| // Simulate window resize event | |
| const resizeEvent = document.createEvent('Event'); |
| <div class="Alert Alert--danger" role="alert"> | |
| <strong>Oh snap!</strong> Change a few things up and try submitting again. | |
| </div> | |
| <div class="Alert Alert--success" role="alert"> | |
| <strong>Well done!</strong> You successfully read this important alert message. | |
| </div> | |
| <div class="Alert Alert--warning" role="alert"> | |
| <strong>Warning!</strong> Better check yourself, you're not looking too good. | |
| </div> | |
| <div class="Alert Alert--info" role="alert"> |
| // Sticky Nav Component | |
| var Sticky = (function() { | |
| 'use strict'; | |
| var CSS_CLASS_ACTIVE = 'is-fixed'; | |
| var Sticky = { | |
| element: null, | |
| position: 0, | |
| addEvents: function() { |
| /** | |
| * absoluteUrl | |
| * twig function to generate absolute URL's | |
| * | |
| * @param {string} $string fixed slug appended to Url | |
| * @param {array} [$params] array with query string params to add to the Url | |
| * | |
| */ | |
| $app['twig'] = $app->share($app->extend('twig', function($twig, $app) { | |
| $twig->addFunction(new \Twig_SimpleFunction('absoluteUrl', function ($string, $params = []) use ($app) { |
| const Toggler = (() => { | |
| "use strict"; | |
| // | |
| // CONSTANTS | |
| // | |
| const TOGGLER_ATTR = '[data-toggler]'; | |
| const TOGGLER_ATTR_TARGET = 'data-toggler-target'; |
http://angular.github.io/protractor/#/api
Note: Most commands return promises, so you only resolve their values through using jasmine expect API or using .then(function()) structure
Based on this post: https://spagettikoodi.wordpress.com/2015/01/14/angular-testing-cheat-sheet/ by @crystoll
browser.get('yoururl'); // Load address, can also use '#yourpage'