Randal Vance Cunanan randalvance

🎮

Focusing

randalvance / barChart.spec.js

Created February 16, 2020 06:16

Medium Article - React Visual Testing with Cypress

	/* eslint-disable no-undef */
	/// <reference types="cypress" />

	describe('Bar Chart Tests', function() {
	it('Should match image snapshot', function() {
	cy.visit('http://localhost:3000');
	cy.get('.bar-chart').matchImageSnapshot('barChart');
	});
	});

randalvance / commands.js

Created February 16, 2020 06:01

Medium Article - React Visual Testing with Cypress

	/// <reference types="cypress" />

	import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';

	addMatchImageSnapshotCommand();

randalvance / index.js

Created February 16, 2020 05:44

Medium Article - React Visual Testing with Cypress

	const { addMatchImageSnapshotPlugin } = require('cypress-image-snapshot/plugin');

	module.exports = (on, config) => {
	addMatchImageSnapshotPlugin(on, config);
	};

randalvance / simpleCypressTest.ts

Last active February 16, 2020 04:49

	describe('UI Tests', function() {
	it('should navigate to Success Page after submitting.',function(){
	// first visit the site
	cy.visit('http://localhost:3000');
	// get elements we will be
	// interacting with and alias them
	cy.get('input[name="firstName"]').as('firstNameText');
	cy.get('input[name="lastName"]').as('lastNameText');
	cy.get('select[name="gender"]').as('genderSelect');
	cy.get('input[name="areYouAwesome"]')