Skip to content

Instantly share code, notes, and snippets.

@fabiodan
fabiodan / SketchSystems.spec
Last active April 10, 2019 04:26
Grocery Tools
Grocery Tools
click Configurations -> Configurations
click Stores -> Stores
click Admin -> Admin
Home View
Configurations
click Pattern templates -> Pattern Templates Screen
Pattern Templates Screen
Pattern List View
view -> View Pattern Modal
@fabiodan
fabiodan / SketchSystems.spec
Last active April 9, 2019 07:02
Sign In Screen
Sign In Screen
Registration Form*
Submit valid user info -> Dashboard
Submit invalid user info -> Registration Error Dialog
Click Sign In -> Sign In Form
Sign In Form
Submit valid user & pass -> Dashboard
Submit invalid user & pass -> Sign In Error Dialog
App
Click Logo -> menuIndex null
Menu
clickMenuIndex 0 -> menuIndex 0
clickMenuIndex 1 -> menuIndex 1
clickMenuIndex 2 -> menuIndex 2
Inactive Menu
menuIndex null*
Active Menu&
Menu Options
@fabiodan
fabiodan / SketchSystems.spec
Last active November 4, 2018 07:23
Navigation
Navigation
Inactive
Click in Option 1 -> Option 1
Click in Option 2 -> Option 2
Click in Option 3 -> Option 3
Active&
Main
Option 1
Click in Option 1 -> Inactive
Click in Option 2 -> Option 2
@fabiodan
fabiodan / SketchSystems.spec
Last active November 4, 2018 07:24
Navigation Desktop
Navigation Desktop
Inactive
Click in Groceries -> option 1
Click in Favourites -> option 2
Active&
Main
option 1
Click in Groceries -> Inactive
Click in Favourites -> option 2
@fabiodan
fabiodan / SketchSystems.spec
Last active November 4, 2018 07:24
Main Navigation
Main Navigation
Click Groceries -> Active
Click Favourites -> Active
Active
Groceries
Sections
Category
Department
Aisle
Shelf
@fabiodan
fabiodan / Ajax + Promise
Created January 27, 2016 12:56
This example shows the implementation of a method which uses a Promise to report the success or failure of an XMLHttpRequest.
function ajax(options) {
"use strict";
let promise = new Promise((resolve, reject) => {
let xhr = new XMLHttpRequest();
let method = options.method || "GET";
let url = options.url || null;
let data = options.data || null;
let responseType = options.responseType || "text";
@fabiodan
fabiodan / gist:d4b763e98a3c053aea39
Last active May 13, 2018 06:42
Material Design Shadow
.mdl-shadow--0dp {
box-shadow: none;
}
.mdl-shadow--1dp {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mdl-shadow--2dp {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mdl-shadow--3dp {
@fabiodan
fabiodan / Layers To Sprite.jsx
Created September 14, 2012 14:27
Photoshop JavaScript - Arrange layers into a sprite sheet
// Arrange layers into a sprite sheet.
if (documents.length > 0) {
var doc = activeDocument;
var activeLayer = doc.activeLayer;
var numLayers = doc.artLayers.length;
var spriteX = doc.width;
var canvasWidth = numLayers * spriteX;
var canvasHeight = doc.height;
// Set units in pixels.