@fluentui-react-native/text 0.24.4 → 0.24.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +16 -1
- package/CHANGELOG.md +9 -1
- package/lib/Text.types.d.ts +0 -1
- package/lib/Text.types.d.ts.map +1 -1
- package/lib/__tests__/Text.test.js +0 -19
- package/lib/__tests__/Text.test.js.map +1 -1
- package/lib-commonjs/Text.types.d.ts +0 -1
- package/lib-commonjs/Text.types.d.ts.map +1 -1
- package/lib-commonjs/__tests__/Text.test.js +0 -19
- package/lib-commonjs/__tests__/Text.test.js.map +1 -1
- package/package.json +6 -6
- package/src/__tests__/Text.test.tsx +0 -31
- package/tsconfig.json +1 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/text",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 29 Jan 2025 23:39:19 GMT",
|
|
6
|
+
"version": "0.24.6",
|
|
7
|
+
"tag": "@fluentui-react-native/text_v0.24.6",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "sanajmi@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/text",
|
|
13
|
+
"commit": "5ca24ac45054439768404d117213a2ae4767235d",
|
|
14
|
+
"comment": "remove enzyme tests"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 16 Jan 2025 19:12:10 GMT",
|
|
6
21
|
"version": "0.24.4",
|
|
7
22
|
"tag": "@fluentui-react-native/text_v0.24.4",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/text
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Wed, 29 Jan 2025 23:39:19 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.24.6
|
|
8
|
+
|
|
9
|
+
Wed, 29 Jan 2025 23:39:19 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- remove enzyme tests (sanajmi@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.24.2
|
|
8
16
|
|
|
9
17
|
Mon, 09 Sep 2024 16:52:17 GMT
|
package/lib/Text.types.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { ColorValue, Text, TextStyle } from 'react-native';
|
|
3
2
|
import type { ITextProps } from '@fluentui-react-native/adapters';
|
|
4
3
|
import type { FontTokens, FontVariantTokens, IForegroundColorTokens } from '@fluentui-react-native/framework';
|
package/lib/Text.types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE9G,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GACrD,sBAAsB,GACtB,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACrD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAClF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,KAAK,GAAG,UAAU,IAAI,KAAK,GAC/C,iBAAiB,GAAG;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools';
|
|
3
2
|
import * as renderer from 'react-test-renderer';
|
|
4
3
|
import { Text } from '../Text';
|
|
5
4
|
describe('Text component tests', function () {
|
|
@@ -20,24 +19,6 @@ describe('Text component tests', function () {
|
|
|
20
19
|
var tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
|
|
21
20
|
expect(tree).toMatchSnapshot();
|
|
22
21
|
});
|
|
23
|
-
it('Text simple rendering does not invalidate styling', function () {
|
|
24
|
-
checkRenderConsistency(function () { return React.createElement(Text, null, "Default"); });
|
|
25
|
-
checkRenderConsistency(function () { return React.createElement(Text, { variant: "headerStandard" }, "Default"); });
|
|
26
|
-
});
|
|
27
|
-
it('Text re-renders correctly', function () {
|
|
28
|
-
checkReRender(function () { return React.createElement(Text, null, "Default"); });
|
|
29
|
-
checkReRender(function () { return React.createElement(Text, { variant: "headerStandard" }, "Default"); });
|
|
30
|
-
});
|
|
31
|
-
it('Text shares produced styles across multiple renders', function () {
|
|
32
|
-
var style = { color: 'black' };
|
|
33
|
-
checkRenderConsistency(function () { return React.createElement(Text, { style: style }, "Default"); });
|
|
34
|
-
checkRenderConsistency(function () { return (React.createElement(Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
35
|
-
});
|
|
36
|
-
it('Text re-renders correctly with style', function () {
|
|
37
|
-
var style = { color: 'blue' };
|
|
38
|
-
checkReRender(function () { return React.createElement(Text, { style: style }, "Default"); });
|
|
39
|
-
checkReRender(function () { return (React.createElement(Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
40
|
-
});
|
|
41
22
|
it('Text variants render correctly with style', function () {
|
|
42
23
|
var style = {
|
|
43
24
|
marginBottom: 8,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,
|
|
1
|
+
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,cAAc,EAAE;QACjB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,IAAI,uBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC;QACjE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE;QACnB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,gBAAiB,CAAC,CAAC,MAAM,EAAE,CAAC;QACrF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;YAC9B,UAAU,EAAE,WAAW;YACvB,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,QAAQ,qBAAsB,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,KAAK,GAAG;YACZ,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb,CAAC;QACF,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAC1B,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,kBAEpD,CACR,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { ColorValue, Text, TextStyle } from 'react-native';
|
|
3
2
|
import type { ITextProps } from '@fluentui-react-native/adapters';
|
|
4
3
|
import type { FontTokens, FontVariantTokens, IForegroundColorTokens } from '@fluentui-react-native/framework';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE9G,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GACrD,sBAAsB,GACtB,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACrD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAClF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,KAAK,GAAG,UAAU,IAAI,KAAK,GAC/C,iBAAiB,GAAG;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}
|
|
@@ -24,7 +24,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
var React = __importStar(require("react"));
|
|
27
|
-
var test_tools_1 = require("@fluentui-react-native/test-tools");
|
|
28
27
|
var renderer = __importStar(require("react-test-renderer"));
|
|
29
28
|
var Text_1 = require("../Text");
|
|
30
29
|
describe('Text component tests', function () {
|
|
@@ -45,24 +44,6 @@ describe('Text component tests', function () {
|
|
|
45
44
|
var tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
|
|
46
45
|
expect(tree).toMatchSnapshot();
|
|
47
46
|
});
|
|
48
|
-
it('Text simple rendering does not invalidate styling', function () {
|
|
49
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(Text_1.Text, null, "Default"); });
|
|
50
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(Text_1.Text, { variant: "headerStandard" }, "Default"); });
|
|
51
|
-
});
|
|
52
|
-
it('Text re-renders correctly', function () {
|
|
53
|
-
(0, test_tools_1.checkReRender)(function () { return React.createElement(Text_1.Text, null, "Default"); });
|
|
54
|
-
(0, test_tools_1.checkReRender)(function () { return React.createElement(Text_1.Text, { variant: "headerStandard" }, "Default"); });
|
|
55
|
-
});
|
|
56
|
-
it('Text shares produced styles across multiple renders', function () {
|
|
57
|
-
var style = { color: 'black' };
|
|
58
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(Text_1.Text, { style: style }, "Default"); });
|
|
59
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return (React.createElement(Text_1.Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
60
|
-
});
|
|
61
|
-
it('Text re-renders correctly with style', function () {
|
|
62
|
-
var style = { color: 'blue' };
|
|
63
|
-
(0, test_tools_1.checkReRender)(function () { return React.createElement(Text_1.Text, { style: style }, "Default"); });
|
|
64
|
-
(0, test_tools_1.checkReRender)(function () { return (React.createElement(Text_1.Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
65
|
-
});
|
|
66
47
|
it('Text variants render correctly with style', function () {
|
|
67
48
|
var style = {
|
|
68
49
|
marginBottom: 8,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,
|
|
1
|
+
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,4DAAgD;AAEhD,gCAA+B;AAE/B,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,EAAE,CAAC,cAAc,EAAE;QACjB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,WAAI,uBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC;QACjE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE;QACnB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,WAAI,IAAC,OAAO,EAAC,cAAc,gBAAiB,CAAC,CAAC,MAAM,EAAE,CAAC;QACrF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;YAC9B,UAAU,EAAE,WAAW;YACvB,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,QAAQ,qBAAsB,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,KAAK,GAAG;YACZ,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb,CAAC;QACF,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAC1B,oBAAC,WAAI,IAAC,OAAO,EAAC,mBAAmB,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,kBAEpD,CACR,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/text",
|
|
3
|
-
"version": "0.24.
|
|
3
|
+
"version": "0.24.6",
|
|
4
4
|
"description": "A cross-platform Text component using the Fluent Design System",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@fluentui-react-native/adapters": "0.13.0",
|
|
26
|
-
"@fluentui-react-native/framework": "0.14.
|
|
27
|
-
"@fluentui-react-native/interactive-hooks": "0.27.
|
|
28
|
-
"@fluentui-react-native/theme-tokens": "0.27.
|
|
29
|
-
"@fluentui-react-native/tokens": "0.23.
|
|
30
|
-
"@uifabricshared/foundation-compose": "1.15.
|
|
26
|
+
"@fluentui-react-native/framework": "0.14.2",
|
|
27
|
+
"@fluentui-react-native/interactive-hooks": "0.27.4",
|
|
28
|
+
"@fluentui-react-native/theme-tokens": "0.27.1",
|
|
29
|
+
"@fluentui-react-native/tokens": "0.23.1",
|
|
30
|
+
"@uifabricshared/foundation-compose": "1.15.2",
|
|
31
31
|
"tslib": "^2.3.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools';
|
|
4
3
|
import * as renderer from 'react-test-renderer';
|
|
5
4
|
|
|
6
5
|
import { Text } from '../Text';
|
|
@@ -26,36 +25,6 @@ describe('Text component tests', () => {
|
|
|
26
25
|
expect(tree).toMatchSnapshot();
|
|
27
26
|
});
|
|
28
27
|
|
|
29
|
-
it('Text simple rendering does not invalidate styling', () => {
|
|
30
|
-
checkRenderConsistency(() => <Text>Default</Text>);
|
|
31
|
-
checkRenderConsistency(() => <Text variant="headerStandard">Default</Text>);
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
it('Text re-renders correctly', () => {
|
|
35
|
-
checkReRender(() => <Text>Default</Text>);
|
|
36
|
-
checkReRender(() => <Text variant="headerStandard">Default</Text>);
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
it('Text shares produced styles across multiple renders', () => {
|
|
40
|
-
const style = { color: 'black' };
|
|
41
|
-
checkRenderConsistency(() => <Text style={style}>Default</Text>);
|
|
42
|
-
checkRenderConsistency(() => (
|
|
43
|
-
<Text style={style} variant="headerStandard">
|
|
44
|
-
Default
|
|
45
|
-
</Text>
|
|
46
|
-
));
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
it('Text re-renders correctly with style', () => {
|
|
50
|
-
const style = { color: 'blue' };
|
|
51
|
-
checkReRender(() => <Text style={style}>Default</Text>);
|
|
52
|
-
checkReRender(() => (
|
|
53
|
-
<Text style={style} variant="headerStandard">
|
|
54
|
-
Default
|
|
55
|
-
</Text>
|
|
56
|
-
));
|
|
57
|
-
});
|
|
58
|
-
|
|
59
28
|
it('Text variants render correctly with style', () => {
|
|
60
29
|
const style = {
|
|
61
30
|
marginBottom: 8,
|