toBe (đúng) so với toBeTruthy () so với toBeTrue ()

Sự khác biệt giữa expect(something).toBe(true), expect(something).toBeTruthy()và là expect(something).toBeTrue()gì?

Lưu ý rằng đó toBeTrue()là một công cụ đối sánh tùy chỉnh được giới thiệu trong jasmine-matcherssố các công cụ đối sánh hữu ích và tiện dụng khác như toHaveMethod()hoặc toBeArrayOfStrings().

Câu hỏi có nghĩa là chung chung, nhưng, như một ví dụ trong thế giới thực, tôi đang kiểm tra xem một yếu tố được hiển thị protractor. Tôi nên sử dụng que diêm nào trong trường hợp này?

expect(elm.isDisplayed()).toBe(true);
expect(elm.isDisplayed()).toBeTruthy();
expect(elm.isDisplayed()).toBeTrue();

Những gì tôi làm khi tôi tự hỏi một cái gì đó giống như câu hỏi được hỏi ở đây là đi đến nguồn.

được()

expect().toBe() được định nghĩa là:

function toBe() {
  return {
    compare: function(actual, expected) {
      return {
        pass: actual === expected
      };
    }
  };
}

Nó thực hiện thử nghiệm của mình với ===nghĩa là khi được sử dụng expect(foo).toBe(true), nó sẽ chỉ vượt qua nếu foothực sự có giá trị true. Giá trị trung thực sẽ không làm cho bài kiểm tra vượt qua.

toBeTruthy ()

expect().toBeTruthy() được định nghĩa là:

function toBeTruthy() {
  return {
    compare: function(actual) {
      return {
        pass: !!actual
      };
    }
  };
}

Loại cưỡng chế

Một giá trị là trung thực nếu sự ép buộc của giá trị này đối với boolean mang lại giá trị true. Các hoạt động !!kiểm tra tính trung thực bằng cách ép buộc giá trị được chuyển expectđến một boolean. Lưu ý rằng trái với những gì các câu trả lời chấp nhận hiện nay ngụ ý , == truelà không một thử nghiệm chính xác cho truthiness. Bạn sẽ nhận được những điều hài hước như

> "hello" == true
false
> "" == true
false
> [] == true
false
> [1, 2, 3] == true
false

Trong khi sử dụng !!sản lượng:

> !!"hello"
true
> !!""
false
> !![1, 2, 3]
true
> !![] 
true

(Có, trống hay không, một mảng là trung thực.)

toBeTrue ()

expect().toBeTrue()là một phần của Jasmine-Matchers (được đăng ký vào npm như jasmine-expectsau khi dự án sau được đăng ký jasmine-matcherstrước).

expect().toBeTrue() được định nghĩa là:

function toBeTrue(actual) {
  return actual === true ||
    is(actual, 'Boolean') &&
    actual.valueOf();
}

Sự khác biệt với expect().toBeTrue()và expect().toBe(true)là expect().toBeTrue()kiểm tra xem nó có đang xử lý một Booleanđối tượng hay không. expect(new Boolean(true)).toBe(true)sẽ thất bại trong khi expect(new Boolean(true)).toBeTrue()sẽ vượt qua. Điều này là do điều buồn cười này:

> new Boolean(true) === true
false
> new Boolean(true) === false
false

Ít nhất đó là sự thật:

> !!new Boolean(true)
true

Cái nào phù hợp nhất để sử dụng với elem.isDisplayed()?

Cuối cùng Protractor đưa ra yêu cầu này cho Selenium. Các tài liệu nói rằng giá trị được tạo ra .isDisplayed()là một lời hứa giải quyết cho a boolean. Tôi sẽ lấy nó theo mệnh giá và sử dụng .toBeTrue()hoặc .toBe(true). Nếu tôi tìm thấy một trường hợp trong đó việc triển khai trả về các giá trị trung thực / giả, tôi sẽ nộp báo cáo lỗi.

Trong javascript có dấu vết và sự thật. Khi một cái gì đó là đúng nó rõ ràng là đúng hoặc sai. Khi một cái gì đó là sự thật, nó có thể hoặc không phải là một boolean, nhưng giá trị "cast" của là một boolean.

Ví dụ.

true == true; // (true) true
1 == true; // (true) truthy
"hello" == true;  // (true) truthy
[1, 2, 3] == true; // (true) truthy
[] == false; // (true) truthy
false == false; // (true) true
0 == false; // (true) truthy
"" == false; // (true) truthy
undefined == false; // (true) truthy
null == false; // (true) truthy

Điều này có thể làm cho mọi thứ đơn giản hơn nếu bạn muốn kiểm tra xem một chuỗi được đặt hay một mảng có bất kỳ giá trị nào không.

var users = [];

if(users) {
  // this array is populated. do something with the array
}

var name = "";

if(!name) {
  // you forgot to enter your name!
}

Và như đã nêu. expect(something).toBe(true)và expect(something).toBeTrue()là như nhau. Nhưng expect(something).toBeTruthy()không giống như một trong hai.

Disclamer : Đây chỉ là một phỏng đoán hoang dã

Tôi biết mọi người đều thích một danh sách dễ đọc:

• toBe(<value>) - Giá trị trả về giống như <value>
• toBeTrue() - Kiểm tra nếu giá trị trả về là true

• toBeTruthy() - Kiểm tra xem giá trị, khi được chuyển thành boolean, sẽ là giá trị trung thực

  Giá trị Truthy đều giá trị mà không phải là 0, ''(trống string), false, null, NaN, undefinedhoặc [](trống mảng) *.

  _{* Lưu ý rằng khi bạn chạy !![], nó sẽ trả về true, nhưng khi bạn chạy [] == falsethì nó cũng trả về true. Nó phụ thuộc vào cách nó được thực hiện. Nói cách khác:(!![]) === ([] == false)}

Trên ví dụ của bạn, toBe(true)và toBeTrue()sẽ mang lại kết quả tương tự.

Có rất nhiều câu trả lời hay, tôi chỉ muốn thêm một kịch bản trong đó việc sử dụng những kỳ vọng này có thể hữu ích. Sử dụng element.all(xxx), nếu tôi cần kiểm tra xem tất cả các yếu tố được hiển thị trong một lần chạy, tôi có thể thực hiện -

expect(element.all(xxx).isDisplayed()).toBeTruthy(); //Expectation passes
expect(element.all(xxx).isDisplayed()).toBe(true); //Expectation fails
expect(element.all(xxx).isDisplayed()).toBeTrue(); //Expectation fails

Lý do là .all()trả về một mảng các giá trị và vì vậy tất cả các loại sự mong đợi ( getText, isPresent, vv ...) có thể được thực hiện với toBeTruthy()khi .all()đi vào hình ảnh. Hi vọng điêu nay co ich.