# toyed-browser-client

**Repository Path**: hust_jyh/toyed-browser-client

## Basic Information

- **Project Name**: toyed-browser-client
- **Description**: 一个玩具浏览器
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2021-08-16
- **Last Updated**: 2021-08-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# toyed-browser-client

## 开发

```bash
npm i
npm run tsc:watch // 实时编译 main.ts 和 preload.ts
npm run wp:watch // 实时编译 renderer.ts
```

另开一个控制台窗口，执行:

```bash
npm start // 运行项目
```

可以代码实现实时更行

## 测试

```bash
npm run test    // 跑测试用例
npm run test:coverage   // 跑测试用例并看测试的代码覆盖率
```

### Layout 测试用例

在`__test__`目录下,FlexBox是HTML文件,方便在浏览器中浏览效果.

- [test1](__tests__/FlexBox/flex1.test.html) 测试`flex-wrap: nowrap`
- [test2](__tests__/FlexBox/flex2.test.html) 测试`flex-wrap: wrap`
- [test3](__tests__/FlexBox/flex3.test.html) 测试`flex-direction: column`
- [test4](__tests__/FlexBox/flex4.test.html) 测试`flex-flow: row-reverse`
- [test5](__tests__/FlexBox/flex5.test.html) 测试`justify-content: center`
- [test6](__tests__/FlexBox/flex6.test.html) 测试`align-items: center`