Jest: Pola Pengujian Tingkat Lanjut untuk Perangkat Lunak yang Tangguh

            // component.js
export const fetchData = () => {
  // Mensimulasikan panggilan API
  return Promise.resolve({ data: 'some data' });
};

export const processData = async (fetcher) => {
  const result = await fetcher();
  return `Processed: ${result.data}`;
};

// component.test.js
import { processData } from './component';

test('should process data correctly', async () => {
  const mockFetcher = jest.fn().mockResolvedValue({ data: 'mocked data' });
  const result = await processData(mockFetcher);
  expect(result).toBe('Processed: mocked data');
  expect(mockFetcher).toHaveBeenCalledTimes(1);
  expect(mockFetcher).toHaveBeenCalledWith();
});
            

              
                Copy
              
            
          

            // logger.js
export const logInfo = (message) => {
  console.log(`INFO: ${message}`);
};

// service.js
import { logInfo } from './logger';

export const performTask = (taskName) => {
  logInfo(`Starting task: ${taskName}`);
  // ... logika tugas ...
  logInfo(`Task ${taskName} completed.`);
};

// service.test.js
import { performTask } from './service';
import * as logger from './logger';

test('should log task start and completion', () => {
  const logSpy = jest.spyOn(logger, 'logInfo');

  performTask('backup');

  expect(logSpy).toHaveBeenCalledTimes(2);
  expect(logSpy).toHaveBeenCalledWith('Starting task: backup');
  expect(logSpy).toHaveBeenCalledWith('Task backup completed.');

  logSpy.mockRestore(); // Penting untuk mengembalikan implementasi asli
});
            

              
                Copy
              
            
          

            // api.js
import axios from 'axios';

export const getUser = async (userId) => {
  const response = await axios.get(`/api/users/${userId}`);
  return response.data;
};

// user-service.js
import { getUser } from './api';

export const getUserFullName = async (userId) => {
  const user = await getUser(userId);
  return `${user.firstName} ${user.lastName}`;
};

// user-service.test.js
import { getUserFullName } from './user-service';
import * as api from './api';

// Mock seluruh modul api
jest.mock('./api');

test('should get full name using mocked API', async () => {
  // Mock fungsi spesifik dari modul yang di-mock
  api.getUser.mockResolvedValue({ id: 1, firstName: 'Ada', lastName: 'Lovelace' });

  const fullName = await getUserFullName(1);

  expect(fullName).toBe('Ada Lovelace');
  expect(api.getUser).toHaveBeenCalledTimes(1);
  expect(api.getUser).toHaveBeenCalledWith(1);
});
            

              
                Copy
              
            
          

            // math.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

// calculator.js
import { add, subtract } from './math';

export const calculate = (operation, a, b) => {
  if (operation === 'add') {
    return add(a, b);
  } else if (operation === 'subtract') {
    return subtract(a, b);
  }
  return null;
};

// calculator.test.js
import { calculate } from './calculator';
import * as math from './math';

// Mock seluruh modul math
jest.mock('./math');

test('should perform addition using mocked math add', () => {
  // Sediakan implementasi mock untuk fungsi 'add'
  math.add.mockImplementation((a, b) => a + b + 10); // Tambahkan 10 ke hasilnya
  math.subtract.mockReturnValue(5); // Mock juga fungsi subtract

  const result = calculate('add', 5, 3);

  expect(math.add).toHaveBeenCalledWith(5, 3);
  expect(result).toBe(18); // 5 + 3 + 10

  const subResult = calculate('subtract', 10, 2);
  expect(math.subtract).toHaveBeenCalledWith(10, 2);
  expect(subResult).toBe(5);
});
            

              
                Copy
              
            
          

            // UserProfile.js
import React from 'react';

const UserProfile = ({ name, email, isActive }) => (
  <div>
    <h2>{name}</h2>
    <p><strong>Email:</strong> {email}</p>
    <p><strong>Status:</strong> {isActive ? 'Active' : 'Inactive'}</p>
  </div>
);

export default UserProfile;

// UserProfile.test.js
import React from 'react';
import renderer from 'react-test-renderer'; // Untuk snapshot komponen React
import UserProfile from './UserProfile';

test('renders UserProfile correctly', () => {
  const user = {
    name: 'Jane Doe',
    email: 'jane.doe@example.com',
    isActive: true,
  };
  const component = renderer.create(
    <UserProfile {...user} />
  );
  const tree = component.toJSON();
  expect(tree).toMatchSnapshot();
});

test('renders inactive UserProfile correctly', () => {
  const user = {
    name: 'John Smith',
    email: 'john.smith@example.com',
    isActive: false,
  };
  const component = renderer.create(
    <UserProfile {...user} />
  );
  const tree = component.toJSON();
  expect(tree).toMatchSnapshot('inactive user profile'); // Snapshot bernama
});
            

              
                Copy
              
            
          

            // jest.setup.js

expect.extend({
  toBeValidEmail(received) {
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    const pass = emailRegex.test(received);

    if (pass) {
      return {
        message: () => `mengharapkan ${received} bukan email yang valid`,
        pass: true,
      };
    } else {
      return {
        message: () => `mengharapkan ${received} adalah email yang valid`,
        pass: false,
      };
    }
  },
});

// Di jest.config.js Anda
// module.exports = { setupFilesAfterEnv: ['/jest.setup.js'] };
            

              
                Copy
              
            
          

            // validation.test.js

test('should validate email formats', () => {
  expect('test@example.com').toBeValidEmail();
  expect('invalid-email').not.toBeValidEmail();
  expect('another.test@sub.domain.co.uk').toBeValidEmail();
});
            

              
                Copy
              
            
          

            // dataService.js
export const fetchUserData = async (userId) => {
  // Mensimulasikan pengambilan data setelah jeda
  await new Promise(resolve => setTimeout(resolve, 50));
  if (userId === 1) {
    return { id: 1, name: 'Alice' };
  } else {
    throw new Error('Pengguna tidak ditemukan');
  }
};

// dataService.test.js
import { fetchUserData } from './dataService';

test('mengambil data pengguna dengan benar', async () => {
  const user = await fetchUserData(1);
  expect(user).toEqual({ id: 1, name: 'Alice' });
});

test('melemparkan galat untuk pengguna yang tidak ada', async () => {
  await expect(fetchUserData(2)).rejects.toThrow('Pengguna tidak ditemukan');
});
            

              
                Copy
              
            
          

            // dataService.test.js (lanjutan)

test('mengambil data pengguna dengan .resolves', () => {
  return expect(fetchUserData(1)).resolves.toEqual({ id: 1, name: 'Alice' });
});

test('melemparkan galat untuk pengguna yang tidak ada dengan .rejects', () => {
  return expect(fetchUserData(2)).rejects.toThrow('Pengguna tidak ditemukan');
});
            

              
                Copy
              
            
          

            // delayedGreeter.js
export const greetAfterDelay = (name, callback) => {
  setTimeout(() => {
    callback(`Hello, ${name}!`);
  }, 1000);
};

// delayedGreeter.test.js
import { greetAfterDelay } from './delayedGreeter';

jest.useFakeTimers(); // Aktifkan timer palsu

test('menyapa setelah jeda', () => {
  const mockCallback = jest.fn();
  greetAfterDelay('World', mockCallback);

  // Majukan timer sebesar 1000ms
  jest.advanceTimersByTime(1000);

  expect(mockCallback).toHaveBeenCalledTimes(1);
  expect(mockCallback).toHaveBeenCalledWith('Hello, World!');
});

// Kembalikan timer asli jika diperlukan di tempat lain
jest.useRealTimers();
            

              
                Copy
              
            
          

            describe('User Authentication Service', () => {
  let authService;

  beforeEach(() => {
    // Siapkan mock atau instance layanan sebelum setiap tes
    authService = require('./authService');
    jest.spyOn(authService, 'login').mockImplementation(() => Promise.resolve({ token: 'fake_token' }));
  });

  afterEach(() => {
    // Bersihkan mock
    jest.restoreAllMocks();
  });

  describe('login functionality', () => {
    it('should successfully log in a user with valid credentials', async () => {
      const result = await authService.login('user@example.com', 'password123');
      expect(result.token).toBeDefined();
      // ... asersi lainnya ...
    });

    it('should fail login with invalid credentials', async () => {
      jest.spyOn(authService, 'login').mockRejectedValue(new Error('Invalid credentials'));
      await expect(authService.login('user@example.com', 'wrong_password')).rejects.toThrow('Invalid credentials');
    });
  });

  describe('logout functionality', () => {
    it('should clear user session', async () => {
      // Uji logika logout...
    });
  });
});
            

              
                Copy
              
            
          

            // dateUtils.js
export const formatLocalizedDate = (date, locale) => {
  return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'numeric', day: 'numeric' }).format(date);
};

// dateUtils.test.js
import { formatLocalizedDate } from './dateUtils';

test('memformat tanggal dengan benar untuk lokal AS', () => {
  const date = new Date(2023, 10, 15); // 15 November 2023
  expect(formatLocalizedDate(date, 'en-US')).toBe('11/15/2023');
});

test('memformat tanggal dengan benar untuk lokal Jerman', () => {
  const date = new Date(2023, 10, 15);
  expect(formatLocalizedDate(date, 'de-DE')).toBe('15.11.2023');
});
            

              
                Copy
              
            
          

            // apiService.js
import axios from 'axios';

const API_BASE_URL = 'https://api.example.com';

export const createProduct = async (productData) => {
  const response = await axios.post(`${API_BASE_URL}/products`, productData);
  return response.data;
};

// apiService.test.js (Uji Integrasi)
import axios from 'axios';
import { createProduct } from './apiService';

// Mock axios untuk pengujian integrasi guna mengontrol lapisan jaringan
jest.mock('axios');

test('membuat produk melalui API', async () => {
  const mockProduct = { id: 1, name: 'Gadget' };
  const responseData = { success: true, product: mockProduct };

  axios.post.mockResolvedValue({
    data: responseData,
    status: 201,
    headers: { 'content-type': 'application/json' },
  });

  const newProductData = { name: 'Gadget', price: 99.99 };
  const result = await createProduct(newProductData);

  expect(axios.post).toHaveBeenCalledWith(`${process.env.API_BASE_URL || 'https://api.example.com'}/products`, newProductData);
  expect(result).toEqual(responseData);
});
            

              
                Copy
              
            
          

            jest --coverage
            

              
                Copy