小编Yoa*_*amb的帖子

材料2自动完成:选择选项

我想在选择一个选项时调用一个函数.经过一些搜索,似乎我必须使用:

属性选项MdAutocompleteTrigger选择

在文档中: https: //material.angular.io/components/component/autocomplete optionSelections自动完成选项选择流.

我不明白,什么是流,如何实现这个?

md-autocomplete angular-material2 angular

24
推荐指数
4
解决办法
4万
查看次数

@testing-library/react TDD,react-bootstrap:这种测试有用还是只是时间宽松

我尝试用 TDD 视图编写代码,我一直遇到同样的问题,我应该测试什么,不应该测试什么,目标是使用 TDD 制作一个基于 React-bootstrap 的导航栏,我的组件将只是一个具有较少属性的包装器,以使其变得简单,我从react-bootstrap中Navbar的品牌子组件开始。最终目标是测试反映用户应该测试的内容,例如导航中存在具有良好 src 和 alt 属性的品牌徽标 img。

这些测试有趣还是应该避免?

我的测试

import React from 'react';
import { render } from '@testing-library/react';
import BrandNav from './BrandNav';

test('testing brand navigation', () => {
    const altProp = 'message to show if image unavailable',
        srcProp = 'relativeFilePath',
        host = window.location;

    const { getByAltText } = render(<BrandNav alt={altProp} src={srcProp} />);

    const brandLogo = getByAltText(altProp);
    expect(brandLogo.src).toEqual(`${host}${srcProp}`);
});
Run Code Online (Sandbox Code Playgroud)

我的组件

import React from 'react';
import { Navbar } from 'react-bootstrap';

const BrandNav = ({ alt, …
Run Code Online (Sandbox Code Playgroud)

tdd reactjs jestjs react-bootstrap react-testing-library

6
推荐指数
1
解决办法
1607
查看次数