Testing, React Native DevTools & Profiling

ဒီခန်းပြီးရင် ဘာတတ်သွားမလဲ

Testing, React Native DevTools & Profiling ရဲ့ React နဲ့ native platform behavior ကိုရှင်းပြနိုင်ရန်

Accessibility, failure နဲ့ lifecycle cases စမ်းနိုင်ရန်

Maintainable, testable နဲ့ performant React Native code ရေးနိုင်ရန်

Testing, React Native DevTools & Profiling ကို Debug build တစ်ခုတည်းဖြင့်မဆုံးဖြတ်ဘဲ release device ပေါ်တွင် startup, JS/UI frame rate, memory, network, crash recovery, permissions, signing နဲ့ store requirements ဖြင့်စစ်ပါ။ New Architecture compatibility နဲ့ dependency support ကို upgrade တိုင်းအတည်ပြုပါ။

ပိုပြီးနားလည်ထားရမယ့် အချက်

လက်တွေ့မှာ ဘယ်လိုအသုံးချမလဲ

Testing, React Native DevTools & Profiling example ကို Android/iOS, small/large screens, font scaling, dark mode, keyboard, screen reader, slow/offline network, denied permissions နဲ့ app background/foreground cases ဖြင့်စမ်းပါ။ DevTools, tests နဲ့ release build ကိုလိုအပ်သလိုအသုံးပြုပါ။

ဒီသင်ခန်းစာပြီးရင်

Shared code နဲ့ platform boundary ကိုရှင်းပြနိုင်ခြင်း
Loading/error/accessibility ပါသော example ရေးနိုင်ခြင်း
Android/iOS behavior တစ်ခုကို test သို့ profiler ဖြင့်စစ်နိုင်ခြင်း

tsx

import { render, screen, userEvent } from '@testing-library/react-native';
import { SaveButton } from './SaveButton';

test('saves through an accessible button', async () => {
  const onSave = jest.fn();
  const user = userEvent.setup();
  render(<SaveButton onSave={onSave} />);
  await user.press(screen.getByRole('button', { name: 'Save' }));
  expect(onSave).toHaveBeenCalledTimes(1);
});

You should see

1 test passed

ကိုယ်တိုင်စမ်းကြည့်ရန်

Platform/Lifecycle သတိပေးချက်

Simulator တစ်ခု၏ happy path မှန်ရုံဖြင့် real devices, release builds, permissions, accessibility, offline နဲ့ lifecycle paths အားလုံးမှန်ပြီဟုယူဆခြင်း။

Testing Overview — React Native