小编cri*_*ego的帖子

如何使用Enzyme测试React组件属性的样式

我正在尝试测试React组件的样式属性.在测试中获得样式参数的最佳方法是什么?

此时,我最好的选择是测试HTML是否包含字符串,但我认为有更好的选择.

案件:

it('Should render large image when desktop', () => {
    const dummyUrl = 'http://dummyUrl';
    const wrapper = shallow(
      <MockedStore
        initialState={{
          app: fromJS({ browser: { desktop: true } }),
        }}
      >
        <LandingHero bigImage={dummyUrl} />
      </MockedStore>
    );
  });
Run Code Online (Sandbox Code Playgroud)

要测试的组件是:

// @flow
import React, { Component } from 'react';
import gc from 'styles/core.scss';
import $ from 'jquery';
import DownloadButton from 'components/DownloadButton';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import DownArrow from 'components/DownArrow';
import { connect } from 'react-redux';
import type { Map } from …
Run Code Online (Sandbox Code Playgroud)

reactjs enzyme

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

道具验证中缺少React eslint错误

我有下一个代码,eslint throw:

反应/道具类型onClickOut; 道具验证中缺少

反应/道具类型的孩子; 道具验证中缺少

propTypes 已定义但是eslint无法识别它.

import React, { Component, PropTypes } from 'react';

class IxClickOut extends Component {
  static propTypes = {
    children: PropTypes.any,
    onClickOut: PropTypes.func,
  };

 componentDidMount() {
    document.getElementById('app')
      .addEventListener('click', this.handleClick);
  }

  componentWillUnmount() {
    document.getElementById('app')
      .removeEventListener('click', this.handleClick);
  }

  handleClick = ({ target }: { target: EventTarget }) => {
    if (!this.containerRef.contains(target)) {
      this.props.onClickOut();
    }
  };

  containerRef: HTMLElement;

  render() {
    const { children, ...rest } = this.props;
    const filteredProps = _.omit(rest, 'onClickOut');

    return (
      <div
        {...filteredProps}
        ref={container …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs eslint flowtype

35
推荐指数
7
解决办法
6万
查看次数

Webpack-dev-server 2 未捕获类型错误:util.inherits 不是函数

当我在编译时运行 webpack-dev-server 时遇到问题而不是控制台错误,但当我转到http://localhost:8080/时在浏览器中抛出下一个错误:

未捕获的类型错误:util.inherits 不是函数。

这很奇怪,因为在没有 webpack-dev-server 的情况下,它可以很好地与 webpack 配合使用。当我调试错误时,错误位于文件 webpack:///./~/websocket-driver/lib/websocket/streams.js?875d 中,错误是此段:

var Stream = require('stream').Stream,
    util   = require('util');


var IO = function(driver) {
  this.readable = this.writable = true;
  this._paused  = false;
  this._driver  = driver;
};
util.inherits(IO, Stream); // this line
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

[ { devtool: 'eval-source-map',
    resolve: { extensions: [Object], modules: [Object], alias: [Object] },
    module: { rules: [ { test: /\.css$/, use: [Object] },
 { test: /\.scss/, use: [Object] },
 { test: /\.json/, use: [Object] },
 { …
Run Code Online (Sandbox Code Playgroud)

webpack webpack-dev-server webpack-2

8
推荐指数
0
解决办法
5831
查看次数

React-share util.inherits 不是一个函数 webpack 2

当我尝试在我的应用程序中包含react-share时,我遇到了下一个错误,所有编译都很好,如果我转到另一条路线,没有加载该库工作正常,但当我包含它时崩溃。

TypeError: util.inherits is not a function
Run Code Online (Sandbox Code Playgroud)

我正在使用带有 webpack 2 的 webpack 开发服务器。我嘲笑了下一个模块

注意:我尝试模拟 utils,因为 util 未在非节点环境中定义。

node: {
    fs: "empty",
    child_process: "empty",
  },
Run Code Online (Sandbox Code Playgroud)

webpack webpack-dev-server webpack-2 react-share

5
推荐指数
1
解决办法
2261
查看次数

restframework'tuple'对象没有属性'_meta'

Django引发了下一个异常:

restframework'tuple'对象没有属性'_meta'

模型

class BDetail(models.Model):
   lat = models.FloatField(blank=True, null=True)
   lng = models.FloatField(blank=True, null=True)

   class Meta:
       # managed = False
       db_table = 'b_detail'
Run Code Online (Sandbox Code Playgroud)

视图

from .models import BDetail
from .serializers import BDetailSerializer
from rest_framework import viewsets

class BDetailList(viewsets.ModelViewSet):
        queryset = BDetail.objects.all()
        serializer_class = BDetailSerializer
Run Code Online (Sandbox Code Playgroud)

网址

from django.conf.urls import url, include
from bdetail import views
from rest_framework import routers

router = routers.DefaultRouter()
router.register(r'bdetail', views.BDetailList)

urlpatterns = [
    url(r'^', include(router.urls), name='bdetail')
]
Run Code Online (Sandbox Code Playgroud)

串行

from .models import BDetail
from rest_framework import serializers

class BDetailSerializer(serializers.HyperlinkedModelSerializer): …
Run Code Online (Sandbox Code Playgroud)

python django python-2.7 django-rest-framework django-rest-framework-gis

4
推荐指数
2
解决办法
5145
查看次数

docker-compose up 会破坏旧数据库吗?

我是码头工人的新手;我有一个 docker-compose.yml 文件。我的问题是:如果我docker-compose up修改此文件后运行,这会删除旧的 postgres 数据库吗?

docker docker-compose

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

¿php ftp_delete可以删除文件夹吗?

问题是:PHP可以ftp_delete()删除文件夹吗?我有一个ftp_delete()用于删除ftp文件的进程,但我担心如果文件名为空,我可能会意外删除文件夹.

php ftp

0
推荐指数
1
解决办法
174
查看次数