Testing dan Debugging: Memastikan Website Bebas Bug

Mengapa Testing Penting?

Testing yang proper bisa menghemat waktu dan biaya maintenance di masa depan. Bug yang ditemukan di production bisa 10x lebih mahal untuk diperbaiki dibanding yang ditemukan saat development.

Types of Testing

• Unit Testing: Test individual functions/components
• Integration Testing: Test component interactions
• End-to-End Testing: Test complete user workflows
• Performance Testing: Test speed dan resource usage
• Accessibility Testing: Test untuk semua users
• Cross-browser Testing: Test di berbagai browsers

Modern Testing Tools

// Jest unit testing example
describe('Calculator', () => {
  test('should add two numbers correctly', () => {
    expect(add(2, 3)).toBe(5);
  });

  test('should handle edge cases', () => {
    expect(add(0, 0)).toBe(0);
    expect(add(-1, 1)).toBe(0);
  });
});

// Cypress E2E testing
describe('User Login', () => {
  it('should login successfully', () => {
    cy.visit('/login');
    cy.get('[data-cy=email]').type('[email protected]');
    cy.get('[data-cy=password]').type('password123');
    cy.get('[data-cy=submit]').click();
    cy.url().should('include', '/dashboard');
  });
});

Debugging Strategies

• Use browser DevTools effectively
• Implement proper error logging
• Use debugger statements strategically
• Monitor performance dengan Lighthouse
• Test dengan different network conditions
• Use error tracking tools (Sentry, LogRocket)