this
chave this
. Para acessar adereços dentro de um componente de classe, você prefácio o código que você usa para acessá-lo com this
. Por exemplo, se um componente de classe ES6 tiver um prop chamado data
, você escreverá {this.props.data}
no JSX. ReturnTempPassword
no componente pai ResetPassword
. Aqui, dê a ReturnTempPassword
um prop de tempPassword
e atribua a ela um valor de uma string com pelo menos 8 caracteres. Dentro do filho, ReturnTempPassword
, acesse o prop tempPassword
dentro das tags strong
para garantir que o usuário veja a senha temporária. ResetPassword
deve retornar um único elemento div
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().type() === "div"; })(), "The ResetPassword
component should return a single div
element.");'
- text: O quarto filho de ResetPassword
deve ser o componente ReturnTempPassword
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.children().childAt(3).name() === "ReturnTempPassword"; })(), "The fourth child of ResetPassword
should be the ReturnTempPassword
component.");'
- text: O componente ReturnTempPassword
deve ter um prop chamado tempPassword
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The ReturnTempPassword
component should have a prop called tempPassword
.");'
- text: O prop tempPassword
de ReturnTempPassword
deve ser igual a uma string de pelo menos 8
caracteres.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); const temp = mockedComponent.find("ReturnTempPassword").props().tempPassword; return typeof temp === "string" && temp.length >= 8; })(), "The tempPassword
prop of ReturnTempPassword
should be equal to a string of at least 8
characters.");'
- text: O componente ReturnTempPassword
deve exibir a senha criada como o tempPassword
dentro de tags strong
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ResetPassword)); return mockedComponent.find("strong").text() === mockedComponent.find("ReturnTempPassword").props().tempPassword; })(), "The ReturnTempPassword
component should display the password you create as the tempPassword
prop within strong
tags.");'
```
Your temporary password is:
{ /* change code above this line */ }