@brightsole/new
Advanced tools
Comparing version 0.1.1 to 0.2.0
@@ -12,6 +12,7 @@ { | ||
"build": "parcel build index.html", | ||
"prod": "(cd docs && python -m SimpleHTTPServer 8000)", | ||
"postbuild": "mkdir docs || true && cp dist/*.js docs/ && cp dist/*.html docs/", | ||
"test": "jest", | ||
"test": "ava", | ||
"lint": "eslint . --fix", | ||
"coverage": "jest --coverage" | ||
"coverage": "nyc ava" | ||
}, | ||
@@ -39,21 +40,20 @@ "lint-staged": { | ||
"devDependencies": { | ||
"@brightsole/eslint-config-lint-front": "^0.0.1", | ||
"@babel/core": "^7.1.2", | ||
"@babel/preset-react": "^7.0.0", | ||
"@babel/register": "^7.0.0", | ||
"@brightsole/eslint-config-lint-front": "^0.0.3", | ||
"a-plus-forms": "^0.7.17", | ||
"a-plus-forms-json-validator": "^1.0.6", | ||
"ava": "^1.0.0-beta.8", | ||
"axios": "^0.18.0", | ||
"babel-plugin-auto-import": "^0.7.1", | ||
"babel-plugin-transform-class-properties": "^6.24.1", | ||
"babel-plugin-transform-object-rest-spread": "^6.26.0", | ||
"babel-preset-env": "^1.7.0", | ||
"babel-preset-react": "^6.24.1", | ||
"babel-plugin-module-resolver": "^3.1.1", | ||
"chroma-js": "^1.3.5", | ||
"enzyme": "^3.6.0", | ||
"enzyme-adapter-react-16": "^1.5.0", | ||
"husky": "^0.14.3", | ||
"jest": "^23.5.0", | ||
"jest-cli": "^23.5.0", | ||
"husky": "^1.1.2", | ||
"jsdom": "^12.0.0", | ||
"lint-staged": "^7.2.2", | ||
"nock": "^9.1.6", | ||
"parcel-bundler": "^1.9.7", | ||
"nock": "^10.0.1", | ||
"nyc": "^13.0.1", | ||
"parcel-bundler": "^1.10.3", | ||
"prop-types": "^15.6.0", | ||
@@ -60,0 +60,0 @@ "qs": "^6.5.1", |
@@ -0,1 +1,2 @@ | ||
import React from 'react'; | ||
import { injectGlobal, ThemeProvider } from 'styled-components'; | ||
@@ -2,0 +3,0 @@ import { Article, NavBar } from './layout/nav'; |
@@ -0,1 +1,2 @@ | ||
import React from 'react'; | ||
import { Form, ValidatorProvider } from 'a-plus-forms'; | ||
@@ -2,0 +3,0 @@ import JSONValidator from 'a-plus-forms-json-validator'; |
@@ -0,5 +1,5 @@ | ||
import React from 'react'; | ||
import * as ReactDOM from 'react-dom'; | ||
import App from './app'; | ||
ReactDOM.render(<App />, document.getElementById('app')); |
@@ -0,1 +1,2 @@ | ||
import React from 'react'; | ||
import PropTypes from 'prop-types'; | ||
@@ -2,0 +3,0 @@ import styled from 'styled-components'; |
@@ -0,1 +1,2 @@ | ||
import React from 'react'; | ||
import chroma from 'chroma-js'; | ||
@@ -2,0 +3,0 @@ import styled from 'styled-components'; |
@@ -0,1 +1,2 @@ | ||
import React from 'react'; | ||
import styled from 'styled-components'; | ||
@@ -2,0 +3,0 @@ |
const { JSDOM } = require('jsdom'); | ||
const test = require('ava'); | ||
global.test = test; | ||
const jsdom = new JSDOM('<!doctype html><html><body></body></html>', { | ||
@@ -7,2 +10,3 @@ url: 'http://localhost/', | ||
const { window } = jsdom; | ||
global.window = window; | ||
@@ -14,2 +18,9 @@ global.document = window.document; | ||
global.requestAnimationFrame = callback => { | ||
setTimeout(callback, 0); | ||
}; | ||
global.cancelAnimationFrame = callback => { | ||
setTimeout(callback, 0); | ||
}; | ||
/* eslint-disable */ | ||
@@ -16,0 +27,0 @@ const { configure } = require('enzyme'); |
@@ -0,4 +1,5 @@ | ||
import React from 'react'; | ||
import { mount } from 'enzyme'; | ||
import { EmailInput, Form as BaseForm, PasswordInput } from 'a-plus-forms'; | ||
import { Form } from '../../src/forms'; | ||
import { Form } from 'src/forms'; | ||
@@ -12,22 +13,21 @@ const fakeSchema = { | ||
}; | ||
describe('<Form />', () => { | ||
it('should render without error', () => { | ||
const nav = mount( | ||
<Form schema={fakeSchema}> | ||
<EmailInput name="email" /> | ||
<PasswordInput name="password" /> | ||
</Form> | ||
); | ||
expect(nav.length).toBe(1); | ||
test('should render without error', t => { | ||
const nav = mount( | ||
<Form schema={fakeSchema}> | ||
<EmailInput name="email" /> | ||
<PasswordInput name="password" /> | ||
</Form> | ||
); | ||
const formNode = nav.find(BaseForm); | ||
expect(formNode.length).toBe(1); | ||
t.deepEqual(nav.length, 1); | ||
const userNode = nav.find(EmailInput); | ||
expect(userNode.length).toBe(1); | ||
const formNode = nav.find(BaseForm); | ||
t.deepEqual(formNode.length, 1); | ||
const passNode = nav.find(PasswordInput); | ||
expect(passNode.length).toBe(1); | ||
}); | ||
const userNode = nav.find(EmailInput); | ||
t.deepEqual(userNode.length, 1); | ||
const passNode = nav.find(PasswordInput); | ||
t.deepEqual(passNode.length, 1); | ||
}); |
@@ -0,26 +1,25 @@ | ||
import React from 'react'; | ||
import { shallow } from 'enzyme'; | ||
import { AppLayout } from '../../src/layout'; | ||
import { AppLayout } from 'src/layout'; | ||
describe('<App />', () => { | ||
it('should render without error', () => { | ||
const app = shallow(<AppLayout />); | ||
expect(app.length).toBe(1); | ||
}); | ||
test('should render without error', t => { | ||
const app = shallow(<AppLayout />); | ||
t.deepEqual(app.length, 1); | ||
}); | ||
it('renders any children properly', () => { | ||
const app = shallow( | ||
<AppLayout> | ||
<p>Dingle Bop</p> | ||
Stuff | ||
</AppLayout> | ||
); | ||
test('renders any children properly', t => { | ||
const app = shallow( | ||
<AppLayout> | ||
<p>Dingle Bop</p> | ||
Stuff | ||
</AppLayout> | ||
); | ||
const divNode = app.find('div'); | ||
expect(divNode.length).toBe(1); | ||
expect(divNode.text()).toBe('Dingle BopStuff'); | ||
const divNode = app.find('div'); | ||
t.deepEqual(divNode.length, 1); | ||
t.deepEqual(divNode.text(), 'Dingle BopStuff'); | ||
const pNode = app.find('p'); | ||
expect(pNode.length).toBe(1); | ||
expect(pNode.text()).toBe('Dingle Bop'); | ||
}); | ||
const pNode = app.find('p'); | ||
t.deepEqual(pNode.length, 1); | ||
t.deepEqual(pNode.text(), 'Dingle Bop'); | ||
}); |
@@ -0,20 +1,19 @@ | ||
import React from 'react'; | ||
import { mount, shallow } from 'enzyme'; | ||
import { Article } from '../../../src/layout/nav'; | ||
import { Article } from 'src/layout/nav'; | ||
describe('<Article />', () => { | ||
it('should render without error', () => { | ||
const nav = shallow(<Article />); | ||
expect(nav.length).toBe(1); | ||
}); | ||
test('should render without error', t => { | ||
const nav = shallow(<Article />); | ||
t.deepEqual(nav.length, 1); | ||
}); | ||
it('renders any children properly', () => { | ||
const nav = mount( | ||
<Article> | ||
<h2>This is a child element</h2> | ||
</Article> | ||
); | ||
const titleNode = nav.find('h2'); | ||
expect(titleNode.length).toBe(1); | ||
expect(titleNode.text()).toBe('This is a child element'); | ||
}); | ||
test('renders any children properly', t => { | ||
const nav = mount( | ||
<Article> | ||
<h2>This is a child element</h2> | ||
</Article> | ||
); | ||
const titleNode = nav.find('h2'); | ||
t.deepEqual(titleNode.length, 1); | ||
t.deepEqual(titleNode.text(), 'This is a child element'); | ||
}); |
@@ -0,16 +1,15 @@ | ||
import React from 'react'; | ||
import { mount, shallow } from 'enzyme'; | ||
import { NavBar } from '../../../src/layout/nav'; | ||
import { NavBar } from 'src/layout/nav'; | ||
describe('<NavBar />', () => { | ||
it('should render without error', () => { | ||
const nav = shallow(<NavBar />); | ||
expect(nav.length).toBe(1); | ||
}); | ||
test('should render without error', t => { | ||
const nav = shallow(<NavBar />); | ||
t.deepEqual(nav.length, 1); | ||
}); | ||
it('renders any children properly', () => { | ||
const nav = mount(<NavBar />); | ||
const titleNode = nav.find('h1'); | ||
expect(titleNode.length).toBe(1); | ||
expect(titleNode.text()).toBe('new-front'); | ||
}); | ||
test('renders any children properly', t => { | ||
const nav = mount(<NavBar />); | ||
const titleNode = nav.find('h1'); | ||
t.deepEqual(titleNode.length, 1); | ||
t.deepEqual(titleNode.text(), 'new-front'); | ||
}); |
@@ -0,32 +1,31 @@ | ||
import React from 'react'; | ||
import { mount, shallow } from 'enzyme'; | ||
import { ThemeProvider } from 'styled-components'; | ||
import { Icon } from '../../../src/layout/zoo'; | ||
import { TDefault } from '../../../src/theme'; | ||
import { Icon } from 'src/layout/zoo'; | ||
import { TDefault } from 'src/theme'; | ||
describe('<Icon />', () => { | ||
it('should render without error', () => { | ||
const app = shallow(<Icon />); | ||
expect(app.length).toBe(1); | ||
}); | ||
test('should render without error', t => { | ||
const app = shallow(<Icon />); | ||
t.deepEqual(app.length, 1); | ||
}); | ||
it('has good and intelligent defaults', () => { | ||
const app = mount(<Icon />); | ||
test('has good and intelligent defaults', t => { | ||
const app = mount(<Icon />); | ||
const iNode = app.find('i'); | ||
expect(iNode.length).toBe(1); | ||
expect(iNode.text()).toBe('bug_report'); | ||
}); | ||
const iNode = app.find('i'); | ||
t.deepEqual(iNode.length, 1); | ||
t.deepEqual(iNode.text(), 'bug_report'); | ||
}); | ||
it('sets props real intelligently', () => { | ||
const app = mount( | ||
// This is mostly a positive test for the theme provider logic being used | ||
<ThemeProvider theme={TDefault}> | ||
<Icon sm color="will" background="#23424" type="credit_card" /> | ||
</ThemeProvider> | ||
); | ||
test('sets props real intelligently', t => { | ||
const app = mount( | ||
// This is mostly a positive test for the theme provider logic being used | ||
<ThemeProvider theme={TDefault}> | ||
<Icon sm color="will" background="#23424" type="credit_card" /> | ||
</ThemeProvider> | ||
); | ||
const iNode = app.find('i'); | ||
expect(iNode.length).toBe(1); | ||
expect(iNode.text()).toBe('credit_card'); | ||
}); | ||
const iNode = app.find('i'); | ||
t.deepEqual(iNode.length, 1); | ||
t.deepEqual(iNode.text(), 'credit_card'); | ||
}); |
{ | ||
"name": "@brightsole/new", | ||
"version": "0.1.1", | ||
"version": "0.2.0", | ||
"description": "new project generator", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
35071
45
409
0