refactor: 确立独立子工程架构 (backend, admin, mpuniapp) 并同步更新 AGENTS.md 规范

mpuniapp/pages/API/create-selector-query/create-selector-query.test.js

@@ -0,0 +1,168 @@
+const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
+const isMP = platformInfo.startsWith('mp')
+const isWeb = platformInfo.startsWith('web')
+const isDom2 = process.env.UNI_APP_X_DOM2 === "true"
+
+describe('nodes-info', () => {
+  if (isMP) {
+	  it('skip', () => {
+	    expect(1).toBe(1)
+	  })
+	  return
+	}
+
+  const PAGE_PATH = '/pages/API/create-selector-query/create-selector-query'
+  const RECT_LEFT = 15;
+  const RECT_WIDTH = 150;
+  const RECT_HEIGHT = 100;
+
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor('view')
+  })
+
+  // 查询到的元素涉及设备精度问题，截图对比差异较大，不在截图对比，已有值断言比较
+  // it("screenshot", async () => {
+  //   const image = await program.screenshot({ fullPage: true });
+  //   expect(image).toSaveImageSnapshot();
+  // })
+
+  it('get-root-node-info', async () => {
+    // 测试 class 选择器
+    await getRootNode('.page')
+
+    // 测试 id 选择器
+    await getRootNode('#page')
+
+    // 测试 标签 选择器
+    // await getRootNode('page')
+  })
+  it('get-node-info', async () => {
+    const btnGetNodeInfo = await page.$('.btn-get-node-info')
+
+    await btnGetNodeInfo.tap()
+    await page.waitFor(50)
+
+    const data = await page.data('data')
+
+    // TODO 和浏览器的计算存在差异
+    const nodeInfo = data.nodeInfoList[0]
+    expect(Math.round(nodeInfo.left)).toBe(RECT_LEFT)
+    expect(Math.round(nodeInfo.width)).toBe(RECT_WIDTH)
+    expect(Math.round(nodeInfo.height)).toBe(RECT_HEIGHT)
+  })
+  it('get-all-node-info', async () => {
+    const btnGetAllNodeInfo = await page.$('.btn-get-all-node-info')
+
+    await btnGetAllNodeInfo.tap()
+    await page.waitFor(50)
+
+    const data = await page.data('data')
+
+    const nodeInfo1 = data.nodeInfoList[0]
+    expect(Math.round(nodeInfo1.left)).toBe(RECT_LEFT)
+    expect(nodeInfo1.top > 220).toBe(true)
+    expect(Math.round(nodeInfo1.width)).toBe(RECT_WIDTH)
+    expect(Math.round(nodeInfo1.height)).toBe(RECT_HEIGHT)
+
+    const nodeInfo2 = data.nodeInfoList[1]
+    expect(nodeInfo2.left > 180).toBe(true)
+    expect(nodeInfo2.top > 220).toBe(true)
+    expect(Math.round(nodeInfo2.width)).toBe(RECT_WIDTH)
+    expect(Math.round(nodeInfo2.height)).toBe(RECT_HEIGHT)
+  })
+  if(!isMP) {
+    // 小程序端启用了虚拟host，无法获取到子组件
+    it('get-node-info-child', async () => {
+      const child = await page.$('.node-child')
+      const childData = await child.data('data')
+      console.log('get-node-info-child.childData.top', childData.top);
+      expect(childData.top > 100).toBe(true)
+    })
+  }
+
+  it('multi-child', async () => {
+    const pageData = await page.data('data')
+    console.log('multi-child.pageData', pageData)
+    expect(pageData.selectCount).toBe(1)
+    expect(pageData.selectAllCount).toBe(2)
+  })
+
+  // #ifdef APP
+  //检测onResize获取BoundingClientRect信息是否有效
+  /* it('check_resizeRectValid', async () => {
+    const resizeRectValid = await page.data('resizeRectValid')
+    expect(resizeRectValid).toBe(true)
+  }) */
+  // #endif
+
+  if (!(isWeb || isMP)) {
+    it('test fields', async () => {
+      const pageData = await page.data('data')
+      expect(pageData.fieldsResultContainNode).toBe(true)
+    })
+
+    it('test node', async () => {
+      const pageData = await page.data('data')
+      expect(pageData.nodeResultContainNode).toBe(true)
+    })
+  }
+
+  // 测试 text 组件查询
+  it('get-text-node-info', async () => {
+    await page.callMethod('getTextNodeInfo')
+    await page.waitFor(100)
+    const textNodeInfo = await page.data('data.textNodeInfo')
+    expect(textNodeInfo).not.toBe(null)
+    expect(textNodeInfo.left).toBeCloseTo(15, 0);
+    expect(Math.round(textNodeInfo.right) > 300).toBe(true)
+    expect(Math.round(textNodeInfo.top) > 200).toBe(true)
+    expect(Math.round(textNodeInfo.bottom) > 200).toBe(true)
+    expect(Math.round(textNodeInfo.width) > 300).toBe(true)
+    expect(Math.round(textNodeInfo.height) > 30).toBe(true)
+  })
+
+  // 测试 image 组件查询
+  it('get-image-node-info', async () => {
+    await page.callMethod('getImageNodeInfo')
+    await page.waitFor(100)
+    const imageNodeInfo = await page.data('data.imageNodeInfo')
+    expect(imageNodeInfo).not.toBe(null)
+    expect(imageNodeInfo.left).toBeCloseTo(15, 0);
+    expect(imageNodeInfo.right).toBeCloseTo(115, 0);
+    expect(Math.round(imageNodeInfo.top) > 380).toBe(true)
+    expect(Math.round(imageNodeInfo.bottom) > 480).toBe(true)
+    expect(imageNodeInfo.width).toBeCloseTo(100, 0);
+    expect(imageNodeInfo.height).toBeCloseTo(100, 0)
+  })
+
+  // 测试 scroll-view 组件查询
+  it('get-scroll-view-node-info', async () => {
+    await page.callMethod('getScrollViewNodeInfo')
+    await page.waitFor(100)
+    const scrollViewNodeInfo = await page.data('data.scrollViewNodeInfo')
+    expect(scrollViewNodeInfo).not.toBe(null)
+    expect(scrollViewNodeInfo.left).toBeCloseTo(15, 0);
+    expect(scrollViewNodeInfo.right).toBeCloseTo(315, 0);
+    expect(Math.round(scrollViewNodeInfo.top) > 560).toBe(true)
+    expect(Math.round(scrollViewNodeInfo.bottom) > 660).toBe(true)
+    expect(scrollViewNodeInfo.width).toBeCloseTo(300, 0);
+    expect(scrollViewNodeInfo.height).toBeCloseTo(100, 0)
+  })
+})
+
+async function getRootNode(selector) {
+  const page = await program.currentPage()
+
+  await page.setData({
+    data:{rootNodeInfo: null,}
+  })
+  await page.waitFor(100)
+
+  await page.callMethod('getRootNodeInfo', selector)
+  await page.waitFor(100)
+
+  const data = await page.data('data')
+  expect(data.rootNodeInfo != null).toBe(true)
+}