list_users.test.js

const $ = require('jquery');
global.$ = $;


const module = require('planttracer');
const list_users = module.list_users;

const list_users_data = jest.fn();
global.fetch = jest.fn();

document.body.innerHTML = '<div id="message"></div>';

describe('list_users', () => {
  beforeEach(() => {
    global.api_key = 'abcdefghijklmnopqrstuvwxyz'
    global.API_BASE = 'https://planttracer.com'
  });

  test('should fetch user data and call list_users_data on success', async () => {
    const mockResponse = {
      error: false,
      users: [
        { user_id: 1, name: 'User 1', email: 'user1@example.com' },
        { user_id: 2, name: 'User 2', email: 'user2@example.com' }
      ],
      courses: [
        { course_id: 1, course_name: 'Course 1' },
        { course_id: 2, course_name: 'Course 2' }
      ]
    };

    global.fetch.mockResolvedValueOnce({
      json: jest.fn().mockResolvedValueOnce(mockResponse)
    });

    module.list_users();

    await Promise.resolve();

    expect(fetch).toHaveBeenCalledWith(`${API_BASE}api/list-users`, expect.any(Object));
  });

  test('should display an error message if API returns an error', async () => {
    const mockErrorResponse = {
      error: true,
      message: 'An error occurred while fetching users'
    };
    global.fetch.mockResolvedValueOnce({
      json: jest.fn().mockResolvedValueOnce(mockErrorResponse)
    });
    module.list_users();


    await Promise.resolve();
    expect(fetch).toHaveBeenCalledWith(`${API_BASE}api/list-users`, expect.any(Object));
  });
});