fotinakis

import Ember from 'ember';
import {
  beforeEach,
  afterEach
} from 'mocha';

// Support for overriding the baseline time used by Moment.js. Accepts ISO formatted timestamps.
//
// Requires:
//   moment >= 2.11.0 in order to override moment.now.

fotinakis

describe('Acceptance: Marketing pages', function() {
  it('can visit /about', function() {
    visit('/about');
    percySnapshot('about page');
    
    click('.TeamMember:first');
    andThen(() => { expect(find('.TeamMember:first')).to.have.class('is-expanded'); });
    
    percySnapshot('about page (show details)');
  });

fotinakis

describe('Acceptance: Marketing pages', function() {
  it('can visit /about', function() {
    visit('/about');
    click('.TeamMember:first');
    andThen(() => {
      expect(find('.TeamMember:first')).to.have.class('is-expanded');
    });
  });
});

fotinakis

/*
This is an example of how to add special CSS that only applies in Percy's
rendering environment, for example to hide certain dynamic elements.

This is a bit of hack, we don't guarantee this will work forever in Percy
and we'll be adding a more officially-supported mechanism for this.
*/
@-moz-document domain(proxyme.percy.io) {
  #flappy-div {
    visibility: hidden !important;

fotinakis

$.fx.off = true;

fotinakis

(See upstream testem PR: testem/testem#819)

Since around 2012, WebKit and other browsers have throttled timers (like setTimeout) to only a max of once per second in inactive tabs.

For some test suites, this may never be an issue. But, for example, in a very large Ember test suite with >1000 acceptance tests and much custom code, it manifested as often flaky and non-deterministic test timeouts, even in headless CI environments with Chrome in xvfb.

This has caused much much testing pain that might manifest as the not-obviously-related error: Error: timeout of 10000ms exceeded. Ensure the done() callback is being called in this test.

fotinakis

.DS_Store
.DS_Store?
._*
.Spotlight-V100
.Trashes
ehthumbs.db
Thumbs.db

fotinakis

*, *::before, *::after {
 -moz-transition: none !important;
 transition: none !important;
 -moz-animation: none !important;
 animation: none !important;
}

fotinakis

RSpec.feature :homepage, js: true do
  def finished_all_animations?
    page.evaluate_script('$(":animated").length') == 0
  end

  def wait_for_animation
    Timeout.timeout(Capybara.default_wait_time) do
      sleep 0.1 until finished_all_animations?
    end
  end

fotinakis

// From @nickretallack - http://nickretallack.com/experiments/mdl/collapse/index.html
.mdl-accordion.mdl-accordion--opened
  border-top: 1px solid #e0e0e0
  border-bottom: 1px solid #e0e0e0
  margin-top: -1px

.mdl-accordion.mdl-accordion--opened + .mdl-accordion.mdl-accordion--opened
  border-top: none
  margin-top: 0