Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit37787a2

Browse files
committed
typescript coverage for statless components
1 parent88cbb35 commit37787a2

File tree

18 files changed

+51
-43
lines changed

18 files changed

+51
-43
lines changed

‎lib/components/_components.js

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,8 @@ var routes_1 = require('./routes/routes');
55
exports.Routes=routes_1.default;
66
varpage_1=require('./page/page');
77
exports.Page=page_1.default;
8-
varchapter_1=require('./page/chapter/chapter');
9-
exports.Chapter=chapter_1.default;
108
varmenu_1=require('./menu/menu');
119
exports.Menu=menu_1.default;
12-
varprogress_1=require('./progress/progress');
13-
exports.Progress=progress_1.default;
1410
varstart_1=require('./start/start');
1511
exports.Start=start_1.Start;
1612
vartutorials_1=require('./tutorials/tutorials');
Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
'use strict';
22
varReact=require('react');
33
var_components_1=require('../../_components');
4-
Object.defineProperty(exports,"__esModule",{value:true});
5-
exports.default=function(_a){
4+
exports.Chapter=function(_a){
65
varchapter=_a.chapter;
76
return(React.createElement("section",{className:'cr-chapter'},React.createElement(_components_1.Markdown,null,chapter.title)));
87
};

‎lib/components/page/content.js

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,7 @@ var _components_1 = require('../_components');
44
varcard_1=require('material-ui/lib/card/card');
55
varcard_header_1=require('material-ui/lib/card/card-header');
66
varcard_text_1=require('material-ui/lib/card/card-text');
7-
functiondefault_1(_a){
7+
exports.PageContent=function(_a){
88
varpage=_a.page;
99
return(React.createElement(card_1.default,null,React.createElement(card_header_1.default,{title:page.title}),React.createElement(card_text_1.default,null,React.createElement(_components_1.Markdown,null,page.description))));
10-
}
11-
Object.defineProperty(exports,"__esModule",{value:true});
12-
exports.default=default_1;
10+
};

‎lib/components/page/edit.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ var React = require('react');
33
varpath=require('path');
44
varmode_edit_1=require('material-ui/lib/svg-icons/editor/mode-edit');
55
vareditStyle={position:'absolute',top:'10px',right:'10px'};
6-
Object.defineProperty(exports,"__esModule",{value:true});
7-
exports.default=function(editPath){
6+
exports.Edit=function(_a){
7+
vareditPath=_a.editPath;
88
if(editPath&&window.coderoad.edit){
99
varrepoPath=path.join(window.coderoad.repo,'edit','master',editPath);
1010
returnReact.createElement("a",{href:repoPath},React.createElement(mode_edit_1.default,{style:editStyle}));

‎lib/components/page/page.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ var default_1 = (function (_super) {
2929
var_a=this.props,page=_a.page,taskPosition=_a.taskPosition,hintPosition=_a.hintPosition,tasks=_a.tasks,runTests=_a.runTests;
3030
varcurrentTask=taskPosition<=tasks.length ?tasks[taskPosition] :null;
3131
varallComplete=taskPosition>=tasks.length;
32-
return(React.createElement(paper_1.default,{style:pageStyle,zDepth:1,className:'cr-page',ref:'page'},React.createElement(content_1.default,{page:page}),React.createElement(divider_1.default,null),React.createElement(task_1.Tasks,{tasks:tasks,taskPosition:taskPosition,runTests:runTests}),React.createElement("div",{className:'listEnd',ref:'listEnd'}),React.createElement(hint_1.default,{task:currentTask,hintPosition:hintPosition}),React.createElement(page_complete_1.PageCompleteMessage,{page:page}),React.createElement(toolbar_1.default,{tasks:tasks,taskPosition:taskPosition})));
32+
return(React.createElement(paper_1.default,{style:pageStyle,zDepth:1,className:'cr-page',ref:'page'},React.createElement(content_1.PageContent,{page:page}),React.createElement(divider_1.default,null),React.createElement(task_1.Tasks,{tasks:tasks,taskPosition:taskPosition,runTests:runTests}),React.createElement("div",{className:'listEnd',ref:'listEnd'}),React.createElement(hint_1.default,{task:currentTask,hintPosition:hintPosition}),React.createElement(page_complete_1.PageCompleteMessage,{page:page}),React.createElement(toolbar_1.default,{tasks:tasks,taskPosition:taskPosition})));
3333
};
3434
returndefault_1;
3535
}(React.Component));

‎lib/components/progress/progress.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,8 +81,7 @@ var style = {
8181
width:'100%',
8282
margin:0
8383
};
84-
Object.defineProperty(exports,"__esModule",{value:true});
85-
exports.default=function(_a){
84+
exports.Progress=function(_a){
8685
varprogress=_a.progress,position=_a.position;
8786
return(React.createElement(paper_1.default,{style:style,zDepth:1,className:'cr-progress'},React.createElement(list_1.default,null,React.createElement(Subheader_1.default,null,"Progress"),progress.chapters.map(function(chapter,chapterIndex){
8887
varisActive=chapterIndex===position.chapter;

‎lib/components/start/checks/checks.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
1414
if(typeofReflect==="object"&&typeofReflect.metadata==="function")returnReflect.metadata(k,v);
1515
};
1616
varReact=require('react');
17+
varpaper_1=require('material-ui/lib/paper');
1718
varsetup_checker_1=require('./setup-checker');
1819
varVerticalStep_1=require('material-ui/lib/Stepper/VerticalStep');
1920
varflat_button_1=require('material-ui/lib/flat-button');
@@ -38,7 +39,7 @@ var Checks = (function (_super) {
3839
};
3940
Checks.prototype.render=function(){
4041
var_a=this.props,checks=_a.checks,verify=_a.verify;
41-
returnReact.createElement("div",{className:'cr-checks'},React.createElement("p",{className:'tagline'},"Setup"),checks.system.passed ?null :React.createElement(setup_checker_1.default,{title:'Dependency Checks',status:this.getSystemChecks(checks)},React.createElement(VerticalStep_1.default,{orderStepLabel:fail,stepLabel:'Node >= 0.10',actions:[
42+
returnReact.createElement(paper_1.default,{className:'cr-checks'},React.createElement("p",{className:'tagline'},"Setup"),checks.system.passed ?null :React.createElement(setup_checker_1.default,{title:'Dependency Checks',status:this.getSystemChecks(checks)},React.createElement(VerticalStep_1.default,{orderStepLabel:fail,stepLabel:'Node >= 0.10',actions:[
4243
React.createElement(flat_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:verify})
4344
]},React.createElement("div",null,"Install a newer version of ",React.createElement("a",{href:'https://nodejs.org'},"Node"))),React.createElement(VerticalStep_1.default,{orderStepLabel:fail,stepLabel:'NPM >= 3',actions:[
4445
React.createElement(flat_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:verify}),

‎src/components/final-page/final-page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import CardText from 'material-ui/lib/card/card-text';
88
importCardActionsfrom'material-ui/lib/card/card-actions';
99
importFlatButtonfrom'material-ui/lib/flat-button';
1010

11-
exportconstFinalPage=()=>(
11+
exportconstFinalPage:React.StatelessComponent<{}>=()=>(
1212
<Paper>
1313
<Card>
1414
<CardTitletitle='Congratulations!'

‎src/components/markdown/markdown.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ function formatText(text: string): string {
3333
* Markdown Text
3434
* MD -> HTML
3535
*/
36-
exportconstMarkdown:React.StatelessComponent<any>=({children})=>{
36+
exportconstMarkdown:React.StatelessComponent<{children?:string}>=({children})=>{
3737
lettext=formatText(children);
3838
return<spanclassName='cr-markdown'dangerouslySetInnerHTML={
3939
{__html:text}

‎src/components/page/chapter/chapter.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {Markdown} from '../../_components';
55
* Chapters Component
66
* basic chapter info
77
*/
8-
exportdefault({chapter})=>(
8+
exportconstChapter:React.StatelessComponent<{chapter}>=({chapter})=>(
99
<sectionclassName='cr-chapter'>
1010
<Markdown>{chapter.title}</Markdown>
1111
</section>

‎src/components/page/complete/page-complete.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import * as React from 'react';
22
importListItemfrom'material-ui/lib/lists/list-item';
33
import{Markdown}from'../../_components';
44

5-
exportconstPageCompleteMessage=({page})=>(
5+
exportconstPageCompleteMessage:React.StatelessComponent<{page:CR.Page}>=({page})=>(
66
<divclassName='cr-page-onComplete'>
77
{page.completed&&page.onPageComplete ?
88
<ListItemkey='page-complete'>

‎src/components/page/content.tsx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@ import Card from 'material-ui/lib/card/card';
44
importCardHeaderfrom'material-ui/lib/card/card-header';
55
importCardTextfrom'material-ui/lib/card/card-text';
66

7-
exportdefaultfunction({page}){
8-
return(
9-
<Card>
10-
<CardHeadertitle={page.title}/>
11-
<CardText>
12-
<Markdown>{page.description}</Markdown>
13-
</CardText>
14-
</Card>
15-
);
16-
}
7+
exportconstPageContent:React.StatelessComponent<{
8+
page:CR.Page
9+
}>=({page})=>(
10+
<Card>
11+
<CardHeadertitle={page.title}/>
12+
<CardText>
13+
<Markdown>{page.description}</Markdown>
14+
</CardText>
15+
</Card>
16+
);

‎src/components/page/edit.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,13 @@ import NavigationClose from 'material-ui/lib/svg-icons/navigation/close';
44
importModeEditfrom'material-ui/lib/svg-icons/editor/mode-edit';
55
consteditStyle={position:'absolute',top:'10px',right:'10px'};
66

7-
exportdefault(editPath:string)=>{
7+
exportconstEdit:React.StatelessComponent<{
8+
editPath:string
9+
}>=({editPath})=>{
810
if(editPath&&window.coderoad.edit){
911
letrepoPath=path.join(window.coderoad.repo,'edit','master',editPath);
1012
return<ahref={repoPath}>
1113
<ModeEditstyle={editStyle}/>
1214
</a>;
1315
}
14-
}
16+
};

‎src/components/page/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import * as React from 'react';
22
import*asReactDOMfrom'react-dom';
33
importPaperfrom'material-ui/lib/paper';
44
importDividerfrom'material-ui/lib/divider';
5-
importPageContentfrom'./content';
5+
import{PageContent}from'./content';
66
import{Tasks}from'./task/task';
77
importHintsfrom'./hint/hint';
88
import{PageCompleteMessage}from'./complete/page-complete';

‎src/components/page/task/task.tsx

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,9 @@ function visibleTasks(tasks: CR.Task[], taskPosition: number) {
1212
returntasks.slice(0,taskPosition+1);
1313
}
1414

15-
constTaskCheckbox=({index, taskPosition, runTests})=>{
15+
constTaskCheckbox:React.StatelessComponent<{
16+
index:number,taskPosition:number,runTests:boolean
17+
}>=({index, taskPosition, runTests})=>{
1618
leticon=null;
1719
if(index<taskPosition){
1820
icon=<CheckBoxcolor={green500}/>;
@@ -25,17 +27,23 @@ const TaskCheckbox = ({index, taskPosition, runTests}) => {
2527
return<spanclassName='cr-task-checkbox'>{icon}</span>;
2628
};
2729

28-
constTaskIndex=({index})=>(
30+
constTaskIndex:React.StatelessComponent<{
31+
index:number
32+
}>=({index})=>(
2933
<spanclassName='cr-task-index'>{index+1}.</span>
3034
);
3135

32-
constTaskContent=({task})=>(
36+
constTaskContent:React.StatelessComponent<{
37+
task:CR.Task
38+
}>=({task})=>(
3339
<divclassName='cr-task-description'>
3440
<Markdown>{task.description}</Markdown>
3541
</div>
3642
);
3743

38-
exportconstTask=({task, taskPosition, index, runTests})=>{
44+
exportconstTask:React.StatelessComponent<{
45+
task:CR.Task,taskPosition:number,index:number,runTests:boolean
46+
}>=({task, taskPosition, index, runTests})=>{
3947
constisCompleted=index<taskPosition;
4048
return(
4149
<ListItemkey={index}className='cr-task'style={{backgroundColor:isCompleted ?'#c8e6c9' :'inherit'}}>
@@ -46,9 +54,10 @@ export const Task = ({task, taskPosition, index, runTests}) => {
4654
);
4755
};
4856

49-
exportconstTasks=({tasks, taskPosition, runTests})=>{
57+
exportconstTasks:React.StatelessComponent<{
58+
tasks:CR.Task[],taskPosition:number,runTests:boolean
59+
}>=({tasks, taskPosition, runTests})=>{
5060
constvisTasks=visibleTasks(tasks,taskPosition);
51-
5261
return<ListclassName='cr-tasks'>
5362
<Subheader>Tasks</Subheader>
5463
{visTasks.map((task,index)=><Task

‎src/components/page/toolbar/toolbar.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,9 @@ import {toggleDevTools} from '../../../atom/actions';
1111
import{store}from'../../../store/store';
1212
importCodefrom'material-ui/lib/svg-icons/action/code';
1313

14-
constProgressBar=({progress})=><LinearProgressmode='determinate'
14+
constProgressBar:React.StatelessComponent<{
15+
progress:number
16+
}>=({progress})=><LinearProgressmode='determinate'
1517
value={progress}style={{height:'10px'}}/>;
1618

1719
functiontaskProgress(current:number,max:number){

‎src/components/progress/progress.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,9 @@ const style = {
6868
* Progress Component
6969
* display page data
7070
*/
71-
exportdefault({progress, position})=>(
71+
exportconstProgress:React.StatelessComponent<{
72+
progress:CR.Progress,position:CR.Position
73+
}>=({progress, position})=>(
7274
<Paperstyle={style}zDepth={1}className='cr-progress'>
7375
{/*}<ProjectDescription project={project} />*/}
7476
<List>

‎src/components/start/checks/checks.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ export default class Checks extends React.Component<{
3131
}
3232
render(){
3333
const{checks, verify}=this.props;
34-
return<divclassName='cr-checks'>
34+
return<PaperclassName='cr-checks'>
3535
{/* System Checks */}
3636

3737
<pclassName='tagline'>Setup</p>
@@ -116,6 +116,6 @@ export default class Checks extends React.Component<{
116116
<ahref='https://coderoad.github.io/docs#install'><strong>Install Guide</strong></a></span>
117117
</div>}
118118

119-
</div>;
119+
</Paper>;
120120
}
121121
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp