主页 / user-12406081

yulia's questions

Martin Hope
yulia
Asked: 2024-06-19 23:33:56 +0800 CST
  • 6

我正在尝试测试 React 组件中的按钮启用和禁用。问题是按钮从未启用，并且由于我对validateEmail()和validateForm()inside的调用而从未启用handleInputChange()。我尝试删除这些调用并将它设置isValid为 true，它成功了。

我的联系人功能组件中的功能：

const [formData, setFormData] = useState({
  firstName: '',
  lastName: '',
  email: '',
  message: '',
})
const [isValid, setIsValid] = useState(false)

function validateForm(obj) {
  return Object.values(obj).every((v) => v.length > 0)
}

const validateEmail = (email) => {
  let re = /\S+@\S+\.\S+/
  return re.test(email)
}

const handleInputChange = (e) => {
  const { name, value } = e.target

  setFormData({
    ...formData,
    [name]: value,
  })

  if (validateEmail(formData.email) && validateForm(formData)) {
    setIsValid(true)
  }
}

然后我有几个输入和一个按钮：

<InputField
  type="email"
  name="email"
  id="email"
  autocomplete="email"
  onChange={(e) => handleInputChange(e)}
  label="Email"
  value={formData.email}
  testId="email"
/>
<Button
  type="submit"
  text="Send message"
  disabled={!isValid}
  testId="submit"
/>

我的测试：

test('send button is enabled when fields are not empty', async () => {
  render(<Contact />);

  let firstnameVal = "Test First Name";
  let lastnameVal = "Test Last Name";
  let email = "[email protected]";
  let message = "This is a message";

  fireEvent.change(screen.getByTestId("first-name"), {target: {value: firstnameVal}});
  fireEvent.change(screen.getByTestId("last-name"), {target: {value: lastnameVal}});
  fireEvent.change(screen.getByTestId("email"), {target: {value: email}});
  fireEvent.change(screen.getByTestId("message"), {target: {value: message}});

  expect(screen.getByTestId('submit')).toBeEnabled();
});

我该如何解决这个问题？我是不是漏掉了什么？

reactjs
Martin Hope
yulia
Asked: 2024-06-10 11:06:42 +0800 CST
  • 5

我正在尝试使用 makefile 构建一个 docker 容器：

up_build_dev:
    @echo "Stopping docker images (if running...)"
     docker-compose down
    @echo "Building (when required) and starting docker images..."
     DB_USER=backend DB_PASSWORD=password DB_ROOT_USER=root DB_ROOT_PASSWORD=password DB_NAME=my_db DB_PORT=3306 DB_HOST=mysql LISTEN_PORT=80 HOST_PORT=8080 ENV=dev docker-compose up --build -d
    @echo "Docker images built and started!"

但是，当我在终端中运行此 compose 命令而不使其正常工作时，环境变量未传递。

我尝试使用export和env关键字，但没有效果。

PS：这是一个测试数据库和开发容器，所以我不介意是否暴露任何密码。

docker-compose