about summary refs log tree commit diff
path: root/src/screens/E2E/SharedPreferencesTesterScreen.tsx
blob: 06bf538ea674349e96d7ab363178aaf5edc7c677 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import React from 'react'
import {View} from 'react-native'

import {ScrollView} from 'view/com/util/Views'
import {atoms as a} from '#/alf'
import {Button, ButtonText} from '#/components/Button'
import {Text} from '#/components/Typography'
import {SharedPrefs} from '../../../modules/expo-bluesky-swiss-army'

export function SharedPreferencesTesterScreen() {
  const [currentTestOutput, setCurrentTestOutput] = React.useState<string>('')

  return (
    <ScrollView contentContainerStyle={{backgroundColor: 'red'}}>
      <View style={[a.flex_1]}>
        <View>
          <Text testID="testOutput">{currentTestOutput}</Text>
        </View>
        <View style={[a.flex_wrap]}>
          <Button
            label="btn"
            testID="setStringBtn"
            style={[a.self_center]}
            variant="solid"
            color="primary"
            size="small"
            onPress={async () => {
              SharedPrefs.removeValue('testerString')
              SharedPrefs.setValue('testerString', 'Hello')
              const str = SharedPrefs.getString('testerString')
              console.log(JSON.stringify(str))
              setCurrentTestOutput(`${str}`)
            }}>
            <ButtonText>Set String</ButtonText>
          </Button>
          <Button
            label="btn"
            testID="removeStringBtn"
            style={[a.self_center]}
            variant="solid"
            color="primary"
            size="small"
            onPress={async () => {
              SharedPrefs.removeValue('testerString')
              const str = SharedPrefs.getString('testerString')
              setCurrentTestOutput(`${str}`)
            }}>
            <ButtonText>Remove String</ButtonText>
          </Button>
          <Button
            label="btn"
            testID="setBoolBtn"
            style={[a.self_center]}
            variant="solid"
            color="primary"
            size="small"
            onPress={async () => {
              SharedPrefs.removeValue('testerBool')
              SharedPrefs.setValue('testerBool', true)
              const bool = SharedPrefs.getBool('testerBool')
              setCurrentTestOutput(`${bool}`)
            }}>
            <ButtonText>Set Bool</ButtonText>
          </Button>
          <Button
            label="btn"
            testID="setNumberBtn"
            style={[a.self_center]}
            variant="solid"
            color="primary"
            size="small"
            onPress={async () => {
              SharedPrefs.removeValue('testerNumber')
              SharedPrefs.setValue('testerNumber', 123)
              const num = SharedPrefs.getNumber('testerNumber')
              setCurrentTestOutput(`${num}`)
            }}>
            <ButtonText>Set Number</ButtonText>
          </Button>
          <Button
            label="btn"
            testID="addToSetBtn"
            style={[a.self_center]}
            variant="solid"
            color="primary"
            size="small"
            onPress={async () => {
              SharedPrefs.removeFromSet('testerSet', 'Hello!')
              SharedPrefs.addToSet('testerSet', 'Hello!')
              const contains = SharedPrefs.setContains('testerSet', 'Hello!')
              setCurrentTestOutput(`${contains}`)
            }}>
            <ButtonText>Add to Set</ButtonText>
          </Button>
          <Button
            label="btn"
            testID="removeFromSetBtn"
            style={[a.self_center]}
            variant="solid"
            color="primary"
            size="small"
            onPress={async () => {
              SharedPrefs.removeFromSet('testerSet', 'Hello!')
              const contains = SharedPrefs.setContains('testerSet', 'Hello!')
              setCurrentTestOutput(`${contains}`)
            }}>
            <ButtonText>Remove from Set</ButtonText>
          </Button>
        </View>
      </View>
    </ScrollView>
  )
}