ryanbahniuk

Week 0.5

The goal is to get technically onboarded into the Chime Engineering Organization

• Meet onboarding buddy
• Complete all New Chimer meetings
• Join buddy in all team meetings
• Eng Org Structure
• Team and Project Overview
• Get computer and development environment all setup
• Finish the Engineering Onboarding Wiki
• Access to all of the things (probably covered in the above Wiki, but there may be some stragglers)

ryanbahniuk

describe('_grid.scss', function() {
  var gridColumns = 12;
  var mixin;
  var compiled;
  var sassaby;
  
  beforeEach(function() {
    sassaby = new Sassaby('_grid.scss', {
      variables: {
        'grid-columns': gridColumns

ryanbahniuk

@mixin make-order($label, $width) {
  .order-#{$label}-#{$width} {
    order: $width - 1;
  }
}

@mixin make-specific-alignments($label) {
  @for $i from 1 through ($grid-columns) {
    @include make-order($label, $i)
  }

ryanbahniuk

@mixin make-specific-alignments($label) {
  @for $i from 1 through ($grid-columns) {
    .order-#{$label}-#{$i} {
      order: $width - 1;
    }
  }
}

ryanbahniuk

describe('imports', function() {
  it('should import variables', function() {
    sassaby.imports('variables');
  });
  
  it('should import mixins', function() {
    sassaby.imports('mixins');
  });
  
  it('should import layout', function() {

ryanbahniuk

@import 'variables';
@import 'mixins';
@import 'layout';

ryanbahniuk

describe('rems', function() {
  it('convert to px units to rem units', function() {
    sassaby.func('rems').calledWithArgs('32px', '16px').equals('2rem');
  });

  it('has the correct output unit', function() {
    sassaby.func('rems').calledWithArgs('32px', '16px').doesNotEqual('2em');
  });
});

ryanbahniuk

describe('filter-grayscale', function() {
  var mixin;
  var called;
  
  beforeEach(function() {
    mixin = sassaby.includedMixin('filter-grayscale');
    called = mixin.calledWith('50%');
  });
  
  it('should make the correct declarations', function() {

ryanbahniuk

describe('make-align-center', function() {
  it('should create the correct class', function() {
    sassaby.standaloneMixin('make-align-center').calledWith('md').createsSelector('.align-center-md');
  });
  
  it('should make the correct declaration', function() {
    sassaby.standaloneMixin('make-align-center').calledWith('md').declares('justify-content', 'center');
  });
});

ryanbahniuk

'use strict';

var path = require('path');
var Sassaby = require('sassaby');

describe('sample.scss', function() {
  var sassaby;
  
  beforeEach(function() {
    sassaby = new Sassaby(path.resolve(__dirname, 'sample.scss'));