Detox/detox/test/e2e/pilot/07.pilot.assertions.test.js

const jestExpect = require('expect').default;

describe.forPilot('Assertions', () => {
  beforeEach(async () => {
    await pilot.perform(
      'Restart the React Native state',
      'Navigate to the Assertions screen'
    );
  });

  describe('Assertion Tests', () => {
    it('should assert an element is visible (by text)', async () => {
      await pilot.perform(
        'Verify there is an element with the text "i contain some text"'
      );
    });

    it('should not assert an element is not visible (by text)', async () => {
      await jestExpect(async () =>
        await pilot.perform('Verify there is element with the text "I am full of text" in the screen')
      ).rejects.toThrow();
    });

    it('should assert an element is visible (by id)', async () => {
      await pilot.perform(
        'Verify there is an element with ID "subtext-root"'
      );
    });

    it('should not assert an element that does not exist (by id)', async () => {
      await jestExpect(async () =>
        await pilot.perform('Find an element with ID "RandomJunk959" in the screen')
      ).rejects.toThrow();
    });

    it('should assert an element has (accessibility) label', async () => {
      await pilot.perform(
        'Verify there is an element with the accessibility label "I contain some text"'
      );
    });

    it('should not assert an element that does not exist (by label)', async () => {
      await jestExpect(async () =>
        await pilot.perform('Find an element with label "I exist in the screen" in the screen')
      ).rejects.toThrow();
    });

    it('assert toggle exist by element type', async () => {
      await pilot.perform(
        'Verify that the toggle type element is exist in the screen'
      );
    });

    // Note: This test is skipped because currently we don't know what are the exact expectations.
    // Should we expect the pilot to understand the similarity between toggle and checkbox or not?
    // Currently, if it is not skipped, it passes.
    it.skip('shouldn`t assert an element that does not exist (by type)', async () => {
      await jestExpect(async () =>
        await pilot.perform('Find a Check-box type element in the screen')
      ).rejects.toThrow();
    });

    it('shouldn`t assert an element that does not exist (by type, text-field)', async () => {
      await jestExpect(async () =>
        await pilot.perform('Find a text-field element in the screen')
      ).rejects.toThrow();
    });

    it('assert toggle-switch widget false', async () => {
      await pilot.perform(
        'Verify that the toggle has false value'
      );
    });

    it('assert toggle-switch widget true ', async () => {
      await pilot.perform(
        'Tap the toggle',
        'Verify that the toggle has true value'
      );
    });

    it('assert details in image', async () => {
      await pilot.perform(
        'Verify there is an image element in the screen',
        'Verify there is a banana in the image element',
        'Verify there isn`t an apple in the image element',
        'Verify there are grapes in the image element'
      );
    });

    it('assert element`s color', async () => {
      await pilot.perform(
        'Verify there is a green text element'
      );
    });

    // Note: The test failed: "color information is not available in the view hierarchy"
    // Same test with green instead of blue - passed.
    it.skip('assert element`s color with text contains another color', async () => {
      await pilot.perform(
        'Verify there is a blue color text element'
      );
    });

    describe('order assertions', () => {
      it('assert elements are in specific order', async () => {
        await pilot.perform(
          'Verify there is an element with the text "subtext"',
          'Verify that under the text element with the text "subtext" there is an image element',
          'Verify that under the image element there is a green text element',
          'Verify that under the green text element there is a toggle element'
        );
      });

      it('raise error when elements are not in specific order', async () => {
        await jestExpect(async () =>
          await pilot.perform('Verify the toggle element is above the text element')
        ).rejects.toThrow();

        await jestExpect(async () =>
          await pilot.perform('Verify that under the image element in the screen there is text element with the text "subtext"')
        ).rejects.toThrow();
      });

      // Note: The `not directly` tests are skipped because they are flaky, and not always working as expected.
      it.skip('assert elements are in specific order - not directly', async () => {
        await pilot.perform(
          'Verify there is a toggle element under the text element "I contain some text"',
          'Verify the image element is under the smiling face emoji element'
        );
      });

      it.skip('raise error when elements are not in specific order - not directly', async () => {
        await jestExpect(async () =>
          await pilot.perform('Verify the the image element is above smiling face emoji element')
        ).rejects.toThrow();

        await jestExpect(async () =>
          await pilot.perform('Verify there is the text element "I contain some text" under the toggle element')
        ).rejects.toThrow();
      });

      it('assert element`s position', async () => {
        await pilot.perform(
          'Verify there is a smiling emoji in the top left corner of the screen',
          'Verify there is a party emoji in the bottom right corner of the screen'
        );
      });

      it('raise error when elements are not positioned right', async () => {
        await jestExpect(async () =>
          await pilot.perform('Verify there is a smiling face emoji in the center of the screen')
        ).rejects.toThrow();

        await jestExpect(async () =>
          await pilot.perform('Verify there is a party emoji in the center of the screen')
        ).rejects.toThrow();

        await jestExpect(async () =>
          await pilot.perform('Verify there is a smiling face emoji in the bottom right corner of the screen')
        ).rejects.toThrow();
      });
    });
  });
});