Add test to make sure query doesn't print playground link when container has no children

Author: mathiassoeholm

src/__tests__/get-by-errors.js

@@ -97,15 +97,7 @@ cases(
   },
 )
 
-test.each([
-  ['getByLabelText'],
-  ['getByPlaceholderText'],
-  ['getByText'],
-  ['getByAltText'],
-  ['getByTitle'],
-  ['getByRole'],
-  ['getByTestId'],
-])(
+test.each([['getByText'], ['getByLabelText']])(
   '%s query will print the playground link when enabled in the config',
   query => {
     configure({printPlaygroundLink: true})
@@ -114,15 +106,7 @@ test.each([
   },
 )
 
-test.each([
-  ['getByLabelText'],
-  ['getByPlaceholderText'],
-  ['getByText'],
-  ['getByAltText'],
-  ['getByTitle'],
-  ['getByRole'],
-  ['getByTestId'],
-])(
+test.each([['getByText'], ['getByLabelText']])(
   '%s query will NOT print the playground link when disabled in the config',
   query => {
     configure({printPlaygroundLink: false})
@@ -131,6 +115,15 @@ test.each([
   },
 )
 
+test.each([['getByText'], ['getByLabelText']])(
+  '%s query will NOT print the playground link when element has no children',
+  query => {
+    configure({printPlaygroundLink: true})
+    document.body.innerHTML = ''
+    expect(() => screen[query]('TEST QUERY')).not.toThrowError(/playground/i)
+  },
+)
+
 describe('*ByDisplayValue queries throw an error when there are multiple elements returned', () => {
   test('getByDisplayValue', () => {
     const {getByDisplayValue} = render(