expect() for BDD assertions in Cypress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to check if the value is equal to 10 using expect().

Cypress

expect(value).to.be.[1](10);

Drag options to blanks, or click blank then click option'

Aeq

Bequals

Cequal

Dis

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'equals' instead of 'equal' causes syntax errors.

Using 'eq' is not valid in this context.

The correct BDD assertion method to check equality in Cypress is equal.

2fill in blank

medium

Complete the code to assert that the string includes the word 'hello'.

Cypress

expect(greeting).to.[1]('hello');

Drag options to blanks, or click blank then click option'

Acontain

Binclude

Chas

Dincludes

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'contain' instead of 'include' causes assertion failure.

Using 'includes' is not a valid Cypress assertion method.

The include method checks if a string contains a substring in Cypress BDD assertions.

3fill in blank

hard

Fix the error in the assertion to check if the array length is 5.

Cypress

expect(array).to.have.length[1](5);

Drag options to blanks, or click blank then click option'

AOf

BOf()

D( )

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting parentheses causes syntax errors.

Using capitalized 'Of' is incorrect.

The correct syntax is length(5) with parentheses to call the method.

4fill in blank

hard

Fill both blanks to assert that the variable is a string and equals 'test'.

Cypress

expect(variable).to.be.a([1]).and.[2]('test');

Drag options to blanks, or click blank then click option'

A'string'

Bequal

Cequals

D'str'

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'equals' instead of 'equal' causes errors.

Using 'str' instead of 'string' for type check is invalid.

Use a('string') to check type and equal('test') to check value equality.

5fill in blank

hard

Fill all three blanks to assert that the object has a property 'name' with value 'Alice' and is not null.

Cypress

expect(obj).to.have.property([1], [2]).and.to.not.be.[3];

Drag options to blanks, or click blank then click option'

A'name'

B'Alice'

Cnull

Dundefined

Attempts:

3 left

💡 Hint

Common Mistakes

Using undefined instead of null for the last blank.

Omitting quotes around property name or value.

The property method checks for a property and its value. Use not.be.null to assert the object is not null.

Practice

1. What is the main purpose of using expect() in Cypress tests?

easy

A. To log messages in the console

B. To run the test suite faster

C. To select elements on the page

D. To check if the actual value matches the expected value

Solution

1. Step 1: Understand the role of expect()

   expect() is used to compare actual results with expected results in tests.

2. Step 2: Identify the correct purpose

   It helps verify if the app behaves as expected by checking values.

3. Final Answer:

   To check if the actual value matches the expected value -> Option D

4. Quick Check:

   expect() compares values [OK]

Hint: Remember: expect() checks actual vs expected values [OK]

Common Mistakes:

• Thinking expect() runs tests
• Confusing expect() with element selectors
• Using expect() to log messages

2. Which of the following is the correct syntax to assert that a variable count equals 5 using expect() in Cypress?

easy

A. expect(count).to.equal(5);

B. expect(count).toBe(5);

C. expect(count).equals(5);

D. expect(count).is(5);

Solution

1. Step 1: Recall Cypress BDD assertion syntax

   Cypress uses Chai assertions where to.equal() checks equality.

2. Step 2: Identify the correct syntax

   expect(count).to.equal(5); is the correct way to assert equality.

3. Final Answer:

   expect(count).to.equal(5); -> Option A

4. Quick Check:

   Use to.equal() for equality [OK]

Hint: Use to.equal() for equality checks in Cypress [OK]

Common Mistakes:

• Using toBe() which is Jest syntax
• Using equals() without to
• Using is() which is invalid

3. What will be the result of this Cypress assertion?

const title = 'Welcome';
expect(title).to.have.length(7);

medium

A. Test passes because 'Welcome' has 7 characters

B. Test fails because length is checked incorrectly

C. Syntax error due to wrong method

D. Test passes but length is 6

Solution

1. Step 1: Check the string length

   The string 'Welcome' has exactly 7 characters.

2. Step 2: Understand the assertion

   to.have.length(7) correctly asserts the string length is 7.

3. Final Answer:

   Test passes because 'Welcome' has 7 characters -> Option A

4. Quick Check:

   String length 7 matches assertion [OK]

Hint: Count characters to verify length assertions [OK]

Common Mistakes:

• Assuming length counts words, not characters
• Confusing length with array length
• Using wrong assertion method

4. Identify the error in this Cypress assertion:

expect(user.name).to.equals('Alice');

medium

A. Missing parentheses after user.name

B. Incorrect method name; should be to.equal

C. Should use expect(user).to.equal('Alice')

D. No error; assertion is correct

Solution

1. Step 1: Check the assertion method

   The correct Chai assertion method is to.equal, not to.equals.

2. Step 2: Confirm syntax correctness

   Using to.equals causes a runtime error because it is not defined.

3. Final Answer:

   Incorrect method name; should be to.equal -> Option B

4. Quick Check:

   Use to.equal, not to.equals [OK]

Hint: Remember: method is to.equal, not to.equals [OK]

Common Mistakes:

• Using to.equals instead of to.equal
• Confusing property access syntax
• Assuming expect needs parentheses after property

5. You want to check that an array items contains the string 'apple' using expect(). Which assertion correctly tests this?

hard

A. expect(items).to.equal('apple');

B. expect(items).to.have.length('apple');

C. expect(items).to.include('apple');

D. expect(items).to.contain.length('apple');

Solution

1. Step 1: Understand the goal

   You want to check if 'apple' is inside the array items.

2. Step 2: Choose the correct assertion

   to.include('apple') checks if the array contains that element.

3. Final Answer:

   expect(items).to.include('apple'); -> Option C

4. Quick Check:

   Use to.include() to check array contents [OK]

Hint: Use to.include() to check if array has an item [OK]

Common Mistakes:

• Using to.equal() which checks full equality
• Using length assertions incorrectly
• Combining contain and length wrongly